@fluentui/react-storybook-addon 0.1.0 → 0.1.1

package/CHANGELOG.md

@@ -1,9 +1,19 @@
 # Change Log - @fluentui/react-storybook-addon
 
-This log was last generated on Thu, 24 Apr 2025 09:59:45 GMT and should not be manually modified.
+This log was last generated on Wed, 14 May 2025 18:45:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.1.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-storybook-addon_v0.1.1)
+
+Wed, 14 May 2025 18:45:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-storybook-addon_v0.0.3..@fluentui/react-storybook-addon_v0.1.1)
+
+### Patches
+
+- Bump @fluentui/react-aria to v9.14.7 ([PR #34449](https://github.com/microsoft/fluentui/pull/34449) by beachball)
+- Bump @fluentui/react-provider to v9.20.7 ([PR #34449](https://github.com/microsoft/fluentui/pull/34449) by beachball)
+
 ## [0.0.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-storybook-addon_v0.0.3)
 
 Thu, 24 Apr 2025 09:59:45 GMT 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-storybook-addon",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "fluentui react storybook addon",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -16,8 +16,8 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-aria": "^9.14.6",
-    "@fluentui/react-provider": "^9.20.6",
+    "@fluentui/react-aria": "^9.14.7",
+    "@fluentui/react-provider": "^9.20.7",
     "@fluentui/react-theme": "^9.1.24",
     "@swc/helpers": "^0.5.1"
   },

package/dist/index.d.ts

@@ -1,65 +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";
-
-/**
- * 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'];
-    };
-}
-
-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"];
-    } | undefined;
-};
-
-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-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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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,CAAC,EAAED,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"],"rangeMappings":";;;","mappings":"AAAA,OAAO,MAAMA,WAAW,iCAAiC;AAEzD,OAAO,MAAMC,SAAS,CAAC,EAAED,SAAS,IAAI,CAAC,CAAU;AACjD,OAAO,MAAME,iBAAiB,CAAC,EAAEF,SAAS,YAAY,CAAC,CAAU;AACjE,OAAO,MAAMG,WAAW,CAAC,EAAEH,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';\n\nexport const withAriaLive = (Story: () => JSX.Element, 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"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,iBAAiB,QAAQ,uBAAuB;AACzD,YAAYC,WAAW,QAAQ;AAG/B,SAASC,mBAAmB,QAAQ,+BAA+B;AAEnE,OAAO,MAAMC,eAAe,CAACC,OAA0BC;IACrD,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,46 +0,0 @@
-import * as React from 'react';
-import { FluentProvider } from '@fluentui/react-provider';
-import { teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, 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
-};
-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 {\n  Theme,\n  teamsDarkTheme,\n  teamsHighContrastTheme,\n  teamsLightTheme,\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} as const;\n\nconst findTheme = (themeId?: ThemeIds) => {\n  return themeId ? themes[themeId] : null;\n};\n\nexport const withFluentProvider = (StoryFn: () => JSX.Element, 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<{ 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","teamsHighContrastTheme","teamsLightTheme","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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,cAAc,QAAQ,2BAA2B;AAC1D,SAEEC,cAAc,EACdC,sBAAsB,EACtBC,eAAe,EACfC,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,eAAeD;IACf,cAAcF;IACd,uBAAuBC;AACzB;AAEA,MAAMS,YAAY,CAACC;IACjB,OAAOA,UAAUF,MAAM,CAACE,QAAQ,GAAG;AACrC;AAEA,OAAO,MAAMC,qBAAqB,CAACC,SAA4BC;IAC7D,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,oBAACzB;QAAewB,OAAOA;QAAOJ,KAAKA;OAChCD,WAAWL,0BAAY,oBAACY;QAAuBF,OAAOA;OAAQV;AAGrE,EAAE;AAEF,MAAMY,yBAAqDC,CAAAA;IACzD,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';\n\nimport { STRICT_MODE_ID } from '../constants';\nimport { FluentStoryContext } from '../hooks';\nimport { isDecoratorDisabled } from '../utils/isDecoratorDisabled';\n\nexport const withReactStrictMode = (StoryFn: () => JSX.Element, 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"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,cAAc,QAAQ,eAAe;AAE9C,SAASC,mBAAmB,QAAQ,+BAA+B;AAEnE,OAAO,MAAMC,sBAAsB,CAACC,SAA4BC;IAC9D,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/hooks.js

@@ -1,12 +0,0 @@
-import { useGlobals as useStorybookGlobals } from '@storybook/manager-api';
-export function useGlobals() {
-    return useStorybookGlobals();
-}
-export function parameters(options) {
-    return {
-        dir: 'ltr',
-        fluentTheme: 'web-light',
-        mode: 'default',
-        ...options
-    };
-}

package/lib/hooks.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks.ts"],"sourcesContent":["import { useGlobals as useStorybookGlobals } from '@storybook/manager-api';\nimport { Args as StorybookArgs, StoryContext as StorybookContext, Parameters } from '@storybook/react';\n\nimport { DIR_ID, STRICT_MODE_ID, THEME_ID } from './constants';\nimport type { ThemeIds } from './theme';\n\nexport interface FluentStoryContext extends StorybookContext {\n  globals: FluentGlobals;\n  parameters: FluentParameters;\n}\n\n/**\n * Extends the storybook globals object to include fluent specific properties\n */\nexport interface FluentGlobals extends StorybookArgs {\n  [DIR_ID]?: 'ltr' | 'rtl';\n  [THEME_ID]?: ThemeIds;\n  [STRICT_MODE_ID]?: boolean;\n}\n\n/**\n * Extends the storybook parameters object to include fluent specific properties\n */\nexport interface FluentParameters extends Parameters {\n  dir?: 'ltr' | 'rtl';\n  fluentTheme?: ThemeIds;\n  mode?: 'default' | 'vr-test';\n  reactStorybookAddon?: { disabledDecorators: ['AriaLive' | 'FluentProvider' | 'ReactStrictMode'] };\n}\n\nexport function useGlobals(): [FluentGlobals, (newGlobals: FluentGlobals) => void] {\n  return useStorybookGlobals();\n}\n\nexport function parameters(options?: FluentParameters) {\n  return { dir: 'ltr', fluentTheme: 'web-light', mode: 'default', ...options };\n}\n"],"names":["useGlobals","useStorybookGlobals","parameters","options","dir","fluentTheme","mode"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,SAASA,cAAcC,mBAAmB,QAAQ,yBAAyB;AA8B3E,OAAO,SAASD;IACd,OAAOC;AACT;AAEA,OAAO,SAASC,WAAWC,OAA0B;IACnD,OAAO;QAAEC,KAAK;QAAOC,aAAa;QAAaC,MAAM;QAAW,GAAGH,OAAO;IAAC;AAC7E"}

package/lib/index.js

@@ -1,3 +0,0 @@
-export { themes } from './theme';
-export { DIR_ID, THEME_ID } from './constants';
-export { parameters } from './hooks';

package/lib/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export type { FluentGlobals, FluentParameters, FluentStoryContext } from './hooks';\nexport type { ThemeIds } from './theme';\nexport { themes } from './theme';\nexport { DIR_ID, THEME_ID } from './constants';\nexport { parameters } from './hooks';\n"],"names":["themes","DIR_ID","THEME_ID","parameters"],"rangeMappings":";;","mappings":"AAEA,SAASA,MAAM,QAAQ,UAAU;AACjC,SAASC,MAAM,EAAEC,QAAQ,QAAQ,cAAc;AAC/C,SAASC,UAAU,QAAQ,UAAU"}

package/lib/preset/manager.js

@@ -1,28 +0,0 @@
-import { addons, types } from '@storybook/manager-api';
-import { ADDON_ID, DIR_ID, STRICT_MODE_ID, THEME_ID } from '../constants';
-import { ThemePicker } from '../components/ThemePicker';
-import { ReactStrictMode } from '../components/ReactStrictMode';
-import { DirectionSwitch } from '../components/DirectionSwitch';
-addons.register(ADDON_ID, ()=>{
-    addons.add(THEME_ID, {
-        title: 'Fluent Theme Picker',
-        // eslint-disable-next-line @typescript-eslint/no-deprecated
-        type: types.TOOL,
-        match: ({ viewMode })=>!!(viewMode && viewMode.match(/^(story|docs)$/)),
-        render: ThemePicker
-    });
-    addons.add(DIR_ID, {
-        title: 'Direction Switch',
-        // eslint-disable-next-line @typescript-eslint/no-deprecated
-        type: types.TOOL,
-        match: ({ viewMode })=>!!(viewMode && viewMode.match(/^(story|docs)$/)),
-        render: DirectionSwitch
-    });
-    addons.add(STRICT_MODE_ID, {
-        // eslint-disable-next-line @typescript-eslint/no-deprecated
-        type: types.TOOL,
-        title: 'React Strict Mode',
-        match: ({ viewMode })=>!!(viewMode && viewMode.match(/^(story|docs)$/)),
-        render: ReactStrictMode
-    });
-});

package/lib/preset/manager.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/preset/manager.ts"],"sourcesContent":["import { addons, types } from '@storybook/manager-api';\n\nimport { ADDON_ID, DIR_ID, STRICT_MODE_ID, THEME_ID } from '../constants';\nimport { ThemePicker } from '../components/ThemePicker';\nimport { ReactStrictMode } from '../components/ReactStrictMode';\nimport { DirectionSwitch } from '../components/DirectionSwitch';\n\naddons.register(ADDON_ID, () => {\n  addons.add(THEME_ID, {\n    title: 'Fluent Theme Picker',\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    type: types.TOOL,\n    match: ({ viewMode }) => !!(viewMode && viewMode.match(/^(story|docs)$/)),\n    render: ThemePicker,\n  });\n  addons.add(DIR_ID, {\n    title: 'Direction Switch',\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    type: types.TOOL,\n    match: ({ viewMode }) => !!(viewMode && viewMode.match(/^(story|docs)$/)),\n    render: DirectionSwitch,\n  });\n  addons.add(STRICT_MODE_ID, {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    type: types.TOOL,\n    title: 'React Strict Mode',\n    match: ({ viewMode }) => !!(viewMode && viewMode.match(/^(story|docs)$/)),\n    render: ReactStrictMode,\n  });\n});\n"],"names":["addons","types","ADDON_ID","DIR_ID","STRICT_MODE_ID","THEME_ID","ThemePicker","ReactStrictMode","DirectionSwitch","register","add","title","type","TOOL","match","viewMode","render"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,MAAM,EAAEC,KAAK,QAAQ,yBAAyB;AAEvD,SAASC,QAAQ,EAAEC,MAAM,EAAEC,cAAc,EAAEC,QAAQ,QAAQ,eAAe;AAC1E,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,eAAe,QAAQ,gCAAgC;AAEhER,OAAOS,QAAQ,CAACP,UAAU;IACxBF,OAAOU,GAAG,CAACL,UAAU;QACnBM,OAAO;QACP,4DAA4D;QAC5DC,MAAMX,MAAMY,IAAI;QAChBC,OAAO,CAAC,EAAEC,QAAQ,EAAE,GAAK,CAAC,CAAEA,CAAAA,YAAYA,SAASD,KAAK,CAAC,iBAAgB;QACvEE,QAAQV;IACV;IACAN,OAAOU,GAAG,CAACP,QAAQ;QACjBQ,OAAO;QACP,4DAA4D;QAC5DC,MAAMX,MAAMY,IAAI;QAChBC,OAAO,CAAC,EAAEC,QAAQ,EAAE,GAAK,CAAC,CAAEA,CAAAA,YAAYA,SAASD,KAAK,CAAC,iBAAgB;QACvEE,QAAQR;IACV;IACAR,OAAOU,GAAG,CAACN,gBAAgB;QACzB,4DAA4D;QAC5DQ,MAAMX,MAAMY,IAAI;QAChBF,OAAO;QACPG,OAAO,CAAC,EAAEC,QAAQ,EAAE,GAAK,CAAC,CAAEA,CAAAA,YAAYA,SAASD,KAAK,CAAC,iBAAgB;QACvEE,QAAQT;IACV;AACF"}

package/lib/preset/preview.js

@@ -1,27 +0,0 @@
-/**
- * A decorator is a way to wrap a story in extra “rendering” functionality. Many addons define decorators
- * in order to augment stories:
- * - with extra rendering
- * - gather details about how a story is rendered
- *
- * When writing stories, decorators are typically used to wrap stories with extra markup or context mocking.
- *
- * https://storybook.js.org/docs/react/writing-stories/decorators#gatsby-focus-wrapper
- */ import { withFluentProvider } from '../decorators/withFluentProvider';
-import { withReactStrictMode } from '../decorators/withReactStrictMode';
-import { withAriaLive } from '../decorators/withAriaLive';
-import { DIR_ID, STRICT_MODE_ID, THEME_ID } from '../constants';
-export const decorators = [
-    withFluentProvider,
-    withAriaLive,
-    withReactStrictMode
-];
-export const globals = {
-    [THEME_ID]: undefined,
-    [DIR_ID]: undefined,
-    [STRICT_MODE_ID]: undefined
-}; // allow theme to be set by URL query param
-export default {
-    decorators,
-    globals
-};

package/lib/preset/preview.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/preset/preview.ts"],"sourcesContent":["/**\n * A decorator is a way to wrap a story in extra “rendering” functionality. Many addons define decorators\n * in order to augment stories:\n * - with extra rendering\n * - gather details about how a story is rendered\n *\n * When writing stories, decorators are typically used to wrap stories with extra markup or context mocking.\n *\n * https://storybook.js.org/docs/react/writing-stories/decorators#gatsby-focus-wrapper\n */\n\nimport { withFluentProvider } from '../decorators/withFluentProvider';\nimport { withReactStrictMode } from '../decorators/withReactStrictMode';\nimport { withAriaLive } from '../decorators/withAriaLive';\nimport { DIR_ID, STRICT_MODE_ID, THEME_ID } from '../constants';\n\nexport const decorators = [withFluentProvider, withAriaLive, withReactStrictMode];\nexport const globals = { [THEME_ID]: undefined, [DIR_ID]: undefined, [STRICT_MODE_ID]: undefined }; // allow theme to be set by URL query param\n\nexport default {\n  decorators,\n  globals,\n};\n"],"names":["withFluentProvider","withReactStrictMode","withAriaLive","DIR_ID","STRICT_MODE_ID","THEME_ID","decorators","globals","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;;;;;;;CASC,GAED,SAASA,kBAAkB,QAAQ,mCAAmC;AACtE,SAASC,mBAAmB,QAAQ,oCAAoC;AACxE,SAASC,YAAY,QAAQ,6BAA6B;AAC1D,SAASC,MAAM,EAAEC,cAAc,EAAEC,QAAQ,QAAQ,eAAe;AAEhE,OAAO,MAAMC,aAAa;IAACN;IAAoBE;IAAcD;CAAoB,CAAC;AAClF,OAAO,MAAMM,UAAU;IAAE,CAACF,SAAS,EAAEG;IAAW,CAACL,OAAO,EAAEK;IAAW,CAACJ,eAAe,EAAEI;AAAU,EAAE,CAAC,2CAA2C;AAE/I,eAAe;IACbF;IACAC;AACF,EAAE"}

package/lib/theme.js

@@ -1,23 +0,0 @@
-export const themes = [
-    {
-        id: 'web-light',
-        label: 'Web Light'
-    },
-    {
-        id: 'web-dark',
-        label: 'Web Dark'
-    },
-    {
-        id: 'teams-light',
-        label: 'Teams Light'
-    },
-    {
-        id: 'teams-dark',
-        label: 'Teams Dark'
-    },
-    {
-        id: 'teams-high-contrast',
-        label: 'Teams High Contrast'
-    }
-];
-export const defaultTheme = themes[0];

package/lib/theme.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/theme.ts"],"sourcesContent":["export const themes = [\n  { id: 'web-light', label: 'Web Light' },\n  { id: 'web-dark', label: 'Web Dark' },\n  { id: 'teams-light', label: 'Teams Light' },\n  { id: 'teams-dark', label: 'Teams Dark' },\n  { id: 'teams-high-contrast', label: 'Teams High Contrast' },\n] as const;\n\nexport const defaultTheme = themes[0];\n\nexport type ThemeIds = (typeof themes)[number]['id'];\nexport type ThemeLabels = (typeof themes)[number]['label'];\n"],"names":["themes","id","label","defaultTheme"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAO,MAAMA,SAAS;IACpB;QAAEC,IAAI;QAAaC,OAAO;IAAY;IACtC;QAAED,IAAI;QAAYC,OAAO;IAAW;IACpC;QAAED,IAAI;QAAeC,OAAO;IAAc;IAC1C;QAAED,IAAI;QAAcC,OAAO;IAAa;IACxC;QAAED,IAAI;QAAuBC,OAAO;IAAsB;CAC3D,CAAU;AAEX,OAAO,MAAMC,eAAeH,MAAM,CAAC,EAAE,CAAC"}

package/lib/utils/isDecoratorDisabled.js

@@ -1,5 +0,0 @@
-export function isDecoratorDisabled(context, decoratorName) {
-    var _context_parameters_reactStorybookAddon_disabledDecorators, _context_parameters_reactStorybookAddon;
-    var _context_parameters_reactStorybookAddon_disabledDecorators_includes;
-    return (_context_parameters_reactStorybookAddon_disabledDecorators_includes = (_context_parameters_reactStorybookAddon = context.parameters.reactStorybookAddon) === null || _context_parameters_reactStorybookAddon === void 0 ? void 0 : (_context_parameters_reactStorybookAddon_disabledDecorators = _context_parameters_reactStorybookAddon.disabledDecorators) === null || _context_parameters_reactStorybookAddon_disabledDecorators === void 0 ? void 0 : _context_parameters_reactStorybookAddon_disabledDecorators.includes(decoratorName)) !== null && _context_parameters_reactStorybookAddon_disabledDecorators_includes !== void 0 ? _context_parameters_reactStorybookAddon_disabledDecorators_includes : false;
-}

package/lib/utils/isDecoratorDisabled.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/isDecoratorDisabled.ts"],"sourcesContent":["import type { FluentParameters, FluentStoryContext } from '../hooks';\n\ntype DecoratorName = NonNullable<FluentParameters['reactStorybookAddon']>['disabledDecorators'][number];\n\nexport function isDecoratorDisabled(context: FluentStoryContext, decoratorName: DecoratorName): boolean {\n  return context.parameters.reactStorybookAddon?.disabledDecorators?.includes(decoratorName) ?? false;\n}\n"],"names":["isDecoratorDisabled","context","decoratorName","parameters","reactStorybookAddon","disabledDecorators","includes"],"rangeMappings":";;;;","mappings":"AAIA,OAAO,SAASA,oBAAoBC,OAA2B,EAAEC,aAA4B;QACpFD,4DAAAA;QAAAA;IAAP,OAAOA,CAAAA,uEAAAA,0CAAAA,QAAQE,UAAU,CAACC,mBAAmB,cAAtCH,+DAAAA,6DAAAA,wCAAwCI,kBAAkB,cAA1DJ,iFAAAA,2DAA4DK,QAAQ,CAACJ,4BAArED,iFAAAA,sEAAuF;AAChG"}

package/lib-commonjs/components/DirectionSwitch.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "DirectionSwitch", {
-    enumerable: true,
-    get: function() {
-        return DirectionSwitch;
-    }
-});
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _components = require("@storybook/components");
-const _theming = require("@storybook/theming");
-const _constants = require("../constants");
-const _hooks = require("../hooks");
-const Monospace = _theming.styled.span({
-    fontFamily: "'Cascadia Code', Menlo, 'Courier New', Courier, monospace",
-    letterSpacing: '-0.05em'
-});
-const DirectionSwitch = ()=>{
-    const [globals, updateGlobals] = (0, _hooks.useGlobals)();
-    var _globals_DIR_ID;
-    const direction = (_globals_DIR_ID = globals[_constants.DIR_ID]) !== null && _globals_DIR_ID !== void 0 ? _globals_DIR_ID : 'ltr';
-    const isLTR = direction === 'ltr';
-    const toggleDirection = _react.useCallback(()=>updateGlobals({
-            [_constants.DIR_ID]: isLTR ? 'rtl' : 'ltr'
-        }), [
-        isLTR,
-        updateGlobals
-    ]);
-    return /*#__PURE__*/ _react.createElement(_components.IconButton, {
-        key: _constants.DIR_ID,
-        title: "Change Direction",
-        onClick: toggleDirection
-    }, /*#__PURE__*/ _react.createElement("div", null, "Direction: ", /*#__PURE__*/ _react.createElement(Monospace, null, direction.toUpperCase())));
-};

package/lib-commonjs/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":["DirectionSwitch","Monospace","styled","span","fontFamily","letterSpacing","globals","updateGlobals","useGlobals","direction","DIR_ID","isLTR","toggleDirection","React","useCallback","IconButton","key","title","onClick","div","toUpperCase"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;4BACI;yBACJ;2BAEA;uBACI;AAE3B,MAAMC,YAAYC,eAAM,CAACC,IAAI,CAAC;IAC5BC,YAAY;IACZC,eAAe;AACjB;AAEO,MAAML,kBAAkB;IAC7B,MAAM,CAACM,SAASC,cAAc,GAAGC,IAAAA,iBAAU;QAEzBF;IAAlB,MAAMG,YAAYH,CAAAA,kBAAAA,OAAO,CAACI,iBAAM,CAAC,cAAfJ,6BAAAA,kBAAmB;IACrC,MAAMK,QAAQF,cAAc;IAE5B,MAAMG,kBAAkBC,OAAMC,WAAW,CACvC,IACEP,cAAc;YACZ,CAACG,iBAAM,CAAC,EAAEC,QAAQ,QAAQ;QAC5B,IACF;QAACA;QAAOJ;KAAc;IAGxB,qBACE,qBAACQ,sBAAU;QAACC,KAAKN,iBAAM;QAAEO,OAAM;QAAmBC,SAASN;qBACzD,qBAACO,aAAI,6BACQ,qBAAClB,iBAAWQ,UAAUW,WAAW;AAIpD"}

package/lib-commonjs/components/ReactStrictMode.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "ReactStrictMode", {
-    enumerable: true,
-    get: function() {
-        return ReactStrictMode;
-    }
-});
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _components = require("@storybook/components");
-const _constants = require("../constants");
-const _hooks = require("../hooks");
-const ReactStrictMode = ()=>{
-    const [globals, updateGlobals] = (0, _hooks.useGlobals)();
-    var _globals_STRICT_MODE_ID;
-    const isActive = (_globals_STRICT_MODE_ID = globals[_constants.STRICT_MODE_ID]) !== null && _globals_STRICT_MODE_ID !== void 0 ? _globals_STRICT_MODE_ID : false;
-    const toggleStrictMode = _react.useCallback(()=>updateGlobals({
-            [_constants.STRICT_MODE_ID]: !isActive
-        }), [
-        isActive,
-        updateGlobals
-    ]);
-    return /*#__PURE__*/ _react.createElement(_components.IconButton, {
-        key: _constants.STRICT_MODE_ID,
-        active: isActive,
-        title: "Toggle React Strict mode",
-        onClick: toggleStrictMode
-    }, /*#__PURE__*/ _react.createElement(_components.Icons, {
-        icon: "lock"
-    }));
-};

package/lib-commonjs/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":["ReactStrictMode","globals","updateGlobals","useGlobals","isActive","STRICT_MODE_ID","toggleStrictMode","React","useCallback","IconButton","key","active","title","onClick","Icons","icon"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAMaA;;;eAAAA;;;;iEANU;4BACW;2BAEH;uBACJ;AAEpB,MAAMA,kBAAkB;IAC7B,MAAM,CAACC,SAASC,cAAc,GAAGC,IAAAA,iBAAU;QAE1BF;IAAjB,MAAMG,WAAWH,CAAAA,0BAAAA,OAAO,CAACI,yBAAc,CAAC,cAAvBJ,qCAAAA,0BAA2B;IAE5C,MAAMK,mBAAmBC,OAAMC,WAAW,CACxC,IACEN,cAAc;YACZ,CAACG,yBAAc,CAAC,EAAE,CAACD;QACrB,IACF;QAACA;QAAUF;KAAc;IAG3B,qBACE,qBAACO,sBAAU;QAACC,KAAKL,yBAAc;QAAEM,QAAQP;QAAUQ,OAAM;QAA2BC,SAASP;qBAC3F,qBAACQ,iBAAK;QAACC,MAAK;;AAGlB"}

package/lib-commonjs/components/ThemePicker.js

@@ -1,72 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "ThemePicker", {
-    enumerable: true,
-    get: function() {
-        return ThemePicker;
-    }
-});
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _components = require("@storybook/components");
-const _managerapi = require("@storybook/manager-api");
-const _theme = require("../theme");
-const _constants = require("../constants");
-const _hooks = require("../hooks");
-function createThemeItems(value, changeTheme, getCurrentTheme) {
-    return value.map((item)=>{
-        return {
-            id: item.id,
-            title: item.id === _theme.defaultTheme.id ? `${item.label} (Default)` : item.label,
-            onClick: ()=>{
-                changeTheme(item.id);
-            },
-            value: item.id,
-            active: getCurrentTheme() === item.id
-        };
-    });
-}
-const ThemePicker = ()=>{
-    const [globals, updateGlobals] = (0, _hooks.useGlobals)();
-    const fluentTheme = (0, _managerapi.useParameter)('fluentTheme');
-    var _globals_THEME_ID;
-    const selectedThemeId = fluentTheme ? fluentTheme : (_globals_THEME_ID = globals[_constants.THEME_ID]) !== null && _globals_THEME_ID !== void 0 ? _globals_THEME_ID : _theme.defaultTheme.id;
-    const selectedTheme = _theme.themes.find((entry)=>entry.id === selectedThemeId);
-    const isActive = selectedThemeId !== _theme.defaultTheme.id;
-    const setTheme = _react.useCallback((id)=>{
-        updateGlobals({
-            [_constants.THEME_ID]: id
-        });
-    }, [
-        updateGlobals
-    ]);
-    const renderTooltip = _react.useCallback((props)=>{
-        return /*#__PURE__*/ _react.createElement(_components.TooltipLinkList, {
-            links: createThemeItems(_theme.themes, (id)=>{
-                setTheme(id);
-                props.onHide();
-            }, ()=>selectedThemeId)
-        });
-    }, [
-        selectedThemeId,
-        setTheme
-    ]);
-    return /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement(_components.WithTooltip, {
-        placement: "top",
-        trigger: "click",
-        closeOnClick: true,
-        tooltip: renderTooltip
-    }, /*#__PURE__*/ _react.createElement(_components.IconButton, {
-        key: _constants.THEME_ID,
-        title: "Change Fluent theme",
-        active: isActive
-    }, /*#__PURE__*/ _react.createElement(_components.Icons, {
-        icon: "arrowdown"
-    }), /*#__PURE__*/ _react.createElement("span", {
-        style: {
-            marginLeft: 5
-        }
-    }, "Theme: ", selectedTheme === null || selectedTheme === void 0 ? void 0 : selectedTheme.label))));
-};

package/lib-commonjs/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":["ThemePicker","createThemeItems","value","changeTheme","getCurrentTheme","map","item","id","title","defaultTheme","label","onClick","active","globals","updateGlobals","useGlobals","fluentTheme","useParameter","selectedThemeId","THEME_ID","selectedTheme","themes","find","entry","isActive","setTheme","React","useCallback","renderTooltip","props","TooltipLinkList","links","onHide","WithTooltip","placement","trigger","closeOnClick","tooltip","IconButton","key","Icons","icon","span","style","marginLeft"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAkCaA;;;eAAAA;;;;iEAlCU;4BACyC;4BACnC;uBAEkB;2BACtB;uBACoB;AAU7C,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,KAAKE,mBAAY,CAACF,EAAE,GAAG,CAAC,EAAED,KAAKI,KAAK,CAAC,UAAU,CAAC,GAAGJ,KAAKI,KAAK;YAC3EC,SAAS;gBACPR,YAAYG,KAAKC,EAAE;YACrB;YACAL,OAAOI,KAAKC,EAAE;YACdK,QAAQR,sBAAsBE,KAAKC,EAAE;QACvC;IACF;AACF;AAEO,MAAMP,cAAc;IACzB,MAAM,CAACa,SAASC,cAAc,GAAGC,IAAAA,iBAAU;IAC3C,MAAMC,cAA+CC,IAAAA,wBAAY,EAAC;QAEdJ;IAApD,MAAMK,kBAAkBF,cAAcA,cAAcH,CAAAA,oBAAAA,OAAO,CAACM,mBAAQ,CAAC,cAAjBN,+BAAAA,oBAAqBJ,mBAAY,CAACF,EAAE;IACxF,MAAMa,gBAAgBC,aAAM,CAACC,IAAI,CAACC,CAAAA,QAASA,MAAMhB,EAAE,KAAKW;IAExD,MAAMM,WAAWN,oBAAoBT,mBAAY,CAACF,EAAE;IAEpD,MAAMkB,WAAWC,OAAMC,WAAW,CAChC,CAACpB;QACCO,cAAc;YAAE,CAACK,mBAAQ,CAAC,EAAEZ;QAAG;IACjC,GACA;QAACO;KAAc;IAGjB,MAAMc,gBAAgBF,OAAMC,WAAW,CACrC,CAACE;QACC,qBACE,qBAACC,2BAAe;YACdC,OAAO9B,iBACLoB,aAAM,EACNd,CAAAA;gBACEkB,SAASlB;gBACTsB,MAAMG,MAAM;YACd,GACA,IAAMd;;IAId,GACA;QAACA;QAAiBO;KAAS;IAG7B,qBACE,0DACE,qBAACQ,uBAAW;QAACC,WAAU;QAAMC,SAAQ;QAAQC,cAAAA;QAAaC,SAAST;qBACjE,qBAACU,sBAAU;QAACC,KAAKpB,mBAAQ;QAAEX,OAAM;QAAsBI,QAAQY;qBAC7D,qBAACgB,iBAAK;QAACC,MAAK;sBACZ,qBAACC;QAAKC,OAAO;YAAEC,YAAY;QAAE;OAAG,WAAQxB,0BAAAA,oCAAAA,cAAeV,KAAK;AAKtE"}

package/lib-commonjs/constants.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    ADDON_ID: function() {
-        return ADDON_ID;
-    },
-    DIR_ID: function() {
-        return DIR_ID;
-    },
-    STRICT_MODE_ID: function() {
-        return STRICT_MODE_ID;
-    },
-    THEME_ID: function() {
-        return THEME_ID;
-    }
-});
-const ADDON_ID = 'storybook_fluentui-react-addon';
-const DIR_ID = `${ADDON_ID}_dir`;
-const STRICT_MODE_ID = `${ADDON_ID}_strict-mode`;
-const THEME_ID = `${ADDON_ID}_theme`;

package/lib-commonjs/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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAAaA,QAAQ;eAARA;;IAEAC,MAAM;eAANA;;IACAC,cAAc;eAAdA;;IACAC,QAAQ;eAARA;;;AAJN,MAAMH,WAAW;AAEjB,MAAMC,SAAS,CAAC,EAAED,SAAS,IAAI,CAAC;AAChC,MAAME,iBAAiB,CAAC,EAAEF,SAAS,YAAY,CAAC;AAChD,MAAMG,WAAW,CAAC,EAAEH,SAAS,MAAM,CAAC"}

package/lib-commonjs/decorators/withAriaLive.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "withAriaLive", {
-    enumerable: true,
-    get: function() {
-        return withAriaLive;
-    }
-});
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _reactaria = require("@fluentui/react-aria");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _isDecoratorDisabled = require("../utils/isDecoratorDisabled");
-const withAriaLive = (Story, context)=>{
-    if ((0, _isDecoratorDisabled.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(_reactaria.AriaLiveAnnouncer, null, mounted && props.children);
-};

package/lib-commonjs/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';\n\nexport const withAriaLive = (Story: () => JSX.Element, 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":["withAriaLive","Story","context","isDecoratorDisabled","AriaLiveWrapper","props","mounted","setMounted","React","useState","useEffect","AriaLiveAnnouncer","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAMaA;;;eAAAA;;;;2BANqB;iEACX;qCAGa;AAE7B,MAAMA,eAAe,CAACC,OAA0BC;IACrD,IAAIC,IAAAA,wCAAmB,EAACD,SAAS,aAAa;QAC5C,OAAOD;IACT;IAEA,qBACE,qBAACG,qCACC,qBAACH;AAGP;AAEA,MAAMG,kBAA2DC,CAAAA;IAC/D,MAAM,CAACC,SAASC,WAAW,GAAGC,OAAMC,QAAQ,CAAC;IAE7CD,OAAME,SAAS,CAAC;QACd,+DAA+D;QAC/D,oGAAoG;QACpGH,WAAW;IACb,GAAG,EAAE;IAEL,qBAAO,qBAACI,4BAAiB,QAAEL,WAAWD,MAAMO,QAAQ;AACtD"}

package/lib-commonjs/decorators/withFluentProvider.js

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "withFluentProvider", {
-    enumerable: true,
-    get: function() {
-        return withFluentProvider;
-    }
-});
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _reactprovider = require("@fluentui/react-provider");
-const _reacttheme = require("@fluentui/react-theme");
-const _theme = require("../theme");
-const _constants = require("../constants");
-const _isDecoratorDisabled = require("../utils/isDecoratorDisabled");
-const themes = {
-    'web-light': _reacttheme.webLightTheme,
-    'web-dark': _reacttheme.webDarkTheme,
-    'teams-light': _reacttheme.teamsLightTheme,
-    'teams-dark': _reacttheme.teamsDarkTheme,
-    'teams-high-contrast': _reacttheme.teamsHighContrastTheme
-};
-const findTheme = (themeId)=>{
-    return themeId ? themes[themeId] : null;
-};
-const withFluentProvider = (StoryFn, context)=>{
-    const { globals, parameters } = context;
-    const { mode } = parameters;
-    if ((0, _isDecoratorDisabled.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[_constants.DIR_ID]) !== null && _ref !== void 0 ? _ref : 'ltr';
-    const globalTheme = findTheme(globals[_constants.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[_theme.defaultTheme.id];
-    return /*#__PURE__*/ _react.createElement(_reactprovider.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-commonjs/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 {\n  Theme,\n  teamsDarkTheme,\n  teamsHighContrastTheme,\n  teamsLightTheme,\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} as const;\n\nconst findTheme = (themeId?: ThemeIds) => {\n  return themeId ? themes[themeId] : null;\n};\n\nexport const withFluentProvider = (StoryFn: () => JSX.Element, 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<{ 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":["withFluentProvider","themes","webLightTheme","webDarkTheme","teamsLightTheme","teamsDarkTheme","teamsHighContrastTheme","findTheme","themeId","StoryFn","context","globals","parameters","mode","isDecoratorDisabled","isVrTest","dir","DIR_ID","globalTheme","THEME_ID","paramTheme","fluentTheme","theme","defaultTheme","id","FluentProvider","FluentExampleContainer","props","backgroundColor","colorNeutralBackground2","div","style","padding","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA4BaA;;;eAAAA;;;;iEA5BU;+BAEQ;4BAQxB;uBACgC;2BACN;qCAEG;AAEpC,MAAMC,SAAkC;IACtC,aAAaC,yBAAa;IAC1B,YAAYC,wBAAY;IACxB,eAAeC,2BAAe;IAC9B,cAAcC,0BAAc;IAC5B,uBAAuBC,kCAAsB;AAC/C;AAEA,MAAMC,YAAY,CAACC;IACjB,OAAOA,UAAUP,MAAM,CAACO,QAAQ,GAAG;AACrC;AAEO,MAAMR,qBAAqB,CAACS,SAA4BC;IAC7D,MAAM,EAAEC,OAAO,EAAEC,UAAU,EAAE,GAAGF;IAChC,MAAM,EAAEG,IAAI,EAAE,GAAGD;IAEjB,IAAIE,IAAAA,wCAAmB,EAACJ,SAAS,mBAAmB;QAClD,OAAOD;IACT;IAEA,MAAMM,WAAWF,SAAS;QACdD,iBAAAA;IAAZ,MAAMI,MAAMJ,CAAAA,OAAAA,CAAAA,kBAAAA,WAAWI,GAAG,cAAdJ,6BAAAA,kBAAkBD,OAAO,CAACM,iBAAM,CAAC,cAAjCL,kBAAAA,OAAqC;IACjD,MAAMM,cAAcX,UAAUI,OAAO,CAACQ,mBAAQ,CAAC;IAC/C,MAAMC,aAAab,UAAUK,WAAWS,WAAW;QACrCD;IAAd,MAAME,QAAQF,CAAAA,QAAAA,uBAAAA,wBAAAA,aAAcF,yBAAdE,mBAAAA,QAA6BnB,MAAM,CAACsB,mBAAY,CAACC,EAAE,CAAC;IAElE,qBACE,qBAACC,6BAAc;QAACH,OAAOA;QAAON,KAAKA;OAChCD,WAAWN,0BAAY,qBAACiB;QAAuBJ,OAAOA;OAAQb;AAGrE;AAEA,MAAMiB,yBAAqDC,CAAAA;IACzD,MAAM,EAAEL,KAAK,EAAE,GAAGK;IAElB,MAAMC,kBAAkBN,MAAMO,uBAAuB;IACrD,qBAAO,qBAACC;QAAIC,OAAO;YAAEC,SAAS;YAAaJ;QAAgB;OAAID,MAAMM,QAAQ;AAC/E"}

package/lib-commonjs/decorators/withReactStrictMode.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "withReactStrictMode", {
-    enumerable: true,
-    get: function() {
-        return withReactStrictMode;
-    }
-});
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _constants = require("../constants");
-const _isDecoratorDisabled = require("../utils/isDecoratorDisabled");
-const withReactStrictMode = (StoryFn, context)=>{
-    if ((0, _isDecoratorDisabled.isDecoratorDisabled)(context, 'ReactStrictMode')) {
-        return StoryFn();
-    }
-    var _context_globals_STRICT_MODE_ID;
-    const isActive = (_context_globals_STRICT_MODE_ID = context.globals[_constants.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-commonjs/decorators/withReactStrictMode.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/decorators/withReactStrictMode.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { STRICT_MODE_ID } from '../constants';\nimport { FluentStoryContext } from '../hooks';\nimport { isDecoratorDisabled } from '../utils/isDecoratorDisabled';\n\nexport const withReactStrictMode = (StoryFn: () => JSX.Element, 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":["withReactStrictMode","StoryFn","context","isDecoratorDisabled","isActive","globals","STRICT_MODE_ID","StrictModeWrapper","strictMode","props","React","StrictMode","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAMaA;;;eAAAA;;;;iEANU;2BAEQ;qCAEK;AAE7B,MAAMA,sBAAsB,CAACC,SAA4BC;IAC9D,IAAIC,IAAAA,wCAAmB,EAACD,SAAS,oBAAoB;QACnD,OAAOD;IACT;QAEiBC;IAAjB,MAAME,WAAWF,CAAAA,kCAAAA,QAAQG,OAAO,CAACC,yBAAc,CAAC,cAA/BJ,6CAAAA,kCAAmC;IAEpD,qBAAO,qBAACK;QAAkBC,YAAYJ;OAAWH;AACnD;AAEA,MAAMM,oBAAoB,CAACE;IACzB,OAAOA,MAAMD,UAAU,iBAAG,qBAACE,OAAMC,UAAU,QAAEF,MAAMG,QAAQ,IAAuBH,MAAMG,QAAQ;AAClG"}

package/lib-commonjs/hooks.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    parameters: function() {
-        return parameters;
-    },
-    useGlobals: function() {
-        return useGlobals;
-    }
-});
-const _managerapi = require("@storybook/manager-api");
-function useGlobals() {
-    return (0, _managerapi.useGlobals)();
-}
-function parameters(options) {
-    return {
-        dir: 'ltr',
-        fluentTheme: 'web-light',
-        mode: 'default',
-        ...options
-    };
-}

package/lib-commonjs/hooks.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks.ts"],"sourcesContent":["import { useGlobals as useStorybookGlobals } from '@storybook/manager-api';\nimport { Args as StorybookArgs, StoryContext as StorybookContext, Parameters } from '@storybook/react';\n\nimport { DIR_ID, STRICT_MODE_ID, THEME_ID } from './constants';\nimport type { ThemeIds } from './theme';\n\nexport interface FluentStoryContext extends StorybookContext {\n  globals: FluentGlobals;\n  parameters: FluentParameters;\n}\n\n/**\n * Extends the storybook globals object to include fluent specific properties\n */\nexport interface FluentGlobals extends StorybookArgs {\n  [DIR_ID]?: 'ltr' | 'rtl';\n  [THEME_ID]?: ThemeIds;\n  [STRICT_MODE_ID]?: boolean;\n}\n\n/**\n * Extends the storybook parameters object to include fluent specific properties\n */\nexport interface FluentParameters extends Parameters {\n  dir?: 'ltr' | 'rtl';\n  fluentTheme?: ThemeIds;\n  mode?: 'default' | 'vr-test';\n  reactStorybookAddon?: { disabledDecorators: ['AriaLive' | 'FluentProvider' | 'ReactStrictMode'] };\n}\n\nexport function useGlobals(): [FluentGlobals, (newGlobals: FluentGlobals) => void] {\n  return useStorybookGlobals();\n}\n\nexport function parameters(options?: FluentParameters) {\n  return { dir: 'ltr', fluentTheme: 'web-light', mode: 'default', ...options };\n}\n"],"names":["parameters","useGlobals","useStorybookGlobals","options","dir","fluentTheme","mode"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAkCgBA,UAAU;eAAVA;;IAJAC,UAAU;eAAVA;;;4BA9BkC;AA8B3C,SAASA;IACd,OAAOC,IAAAA,sBAAmB;AAC5B;AAEO,SAASF,WAAWG,OAA0B;IACnD,OAAO;QAAEC,KAAK;QAAOC,aAAa;QAAaC,MAAM;QAAW,GAAGH,OAAO;IAAC;AAC7E"}

package/lib-commonjs/index.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    DIR_ID: function() {
-        return _constants.DIR_ID;
-    },
-    THEME_ID: function() {
-        return _constants.THEME_ID;
-    },
-    parameters: function() {
-        return _hooks.parameters;
-    },
-    themes: function() {
-        return _theme.themes;
-    }
-});
-const _theme = require("./theme");
-const _constants = require("./constants");
-const _hooks = require("./hooks");

package/lib-commonjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export type { FluentGlobals, FluentParameters, FluentStoryContext } from './hooks';\nexport type { ThemeIds } from './theme';\nexport { themes } from './theme';\nexport { DIR_ID, THEME_ID } from './constants';\nexport { parameters } from './hooks';\n"],"names":["DIR_ID","THEME_ID","parameters","themes"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAGSA,MAAM;eAANA,iBAAM;;IAAEC,QAAQ;eAARA,mBAAQ;;IAChBC,UAAU;eAAVA,iBAAU;;IAFVC,MAAM;eAANA,aAAM;;;uBAAQ;2BACU;uBACN"}

package/lib-commonjs/preset/manager.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _managerapi = require("@storybook/manager-api");
-const _constants = require("../constants");
-const _ThemePicker = require("../components/ThemePicker");
-const _ReactStrictMode = require("../components/ReactStrictMode");
-const _DirectionSwitch = require("../components/DirectionSwitch");
-_managerapi.addons.register(_constants.ADDON_ID, ()=>{
-    _managerapi.addons.add(_constants.THEME_ID, {
-        title: 'Fluent Theme Picker',
-        // eslint-disable-next-line @typescript-eslint/no-deprecated
-        type: _managerapi.types.TOOL,
-        match: ({ viewMode })=>!!(viewMode && viewMode.match(/^(story|docs)$/)),
-        render: _ThemePicker.ThemePicker
-    });
-    _managerapi.addons.add(_constants.DIR_ID, {
-        title: 'Direction Switch',
-        // eslint-disable-next-line @typescript-eslint/no-deprecated
-        type: _managerapi.types.TOOL,
-        match: ({ viewMode })=>!!(viewMode && viewMode.match(/^(story|docs)$/)),
-        render: _DirectionSwitch.DirectionSwitch
-    });
-    _managerapi.addons.add(_constants.STRICT_MODE_ID, {
-        // eslint-disable-next-line @typescript-eslint/no-deprecated
-        type: _managerapi.types.TOOL,
-        title: 'React Strict Mode',
-        match: ({ viewMode })=>!!(viewMode && viewMode.match(/^(story|docs)$/)),
-        render: _ReactStrictMode.ReactStrictMode
-    });
-});

package/lib-commonjs/preset/manager.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/preset/manager.ts"],"sourcesContent":["import { addons, types } from '@storybook/manager-api';\n\nimport { ADDON_ID, DIR_ID, STRICT_MODE_ID, THEME_ID } from '../constants';\nimport { ThemePicker } from '../components/ThemePicker';\nimport { ReactStrictMode } from '../components/ReactStrictMode';\nimport { DirectionSwitch } from '../components/DirectionSwitch';\n\naddons.register(ADDON_ID, () => {\n  addons.add(THEME_ID, {\n    title: 'Fluent Theme Picker',\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    type: types.TOOL,\n    match: ({ viewMode }) => !!(viewMode && viewMode.match(/^(story|docs)$/)),\n    render: ThemePicker,\n  });\n  addons.add(DIR_ID, {\n    title: 'Direction Switch',\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    type: types.TOOL,\n    match: ({ viewMode }) => !!(viewMode && viewMode.match(/^(story|docs)$/)),\n    render: DirectionSwitch,\n  });\n  addons.add(STRICT_MODE_ID, {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    type: types.TOOL,\n    title: 'React Strict Mode',\n    match: ({ viewMode }) => !!(viewMode && viewMode.match(/^(story|docs)$/)),\n    render: ReactStrictMode,\n  });\n});\n"],"names":["addons","register","ADDON_ID","add","THEME_ID","title","type","types","TOOL","match","viewMode","render","ThemePicker","DIR_ID","DirectionSwitch","STRICT_MODE_ID","ReactStrictMode"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;4BAA8B;2BAE6B;6BAC/B;iCACI;iCACA;AAEhCA,kBAAM,CAACC,QAAQ,CAACC,mBAAQ,EAAE;IACxBF,kBAAM,CAACG,GAAG,CAACC,mBAAQ,EAAE;QACnBC,OAAO;QACP,4DAA4D;QAC5DC,MAAMC,iBAAK,CAACC,IAAI;QAChBC,OAAO,CAAC,EAAEC,QAAQ,EAAE,GAAK,CAAC,CAAEA,CAAAA,YAAYA,SAASD,KAAK,CAAC,iBAAgB;QACvEE,QAAQC,wBAAW;IACrB;IACAZ,kBAAM,CAACG,GAAG,CAACU,iBAAM,EAAE;QACjBR,OAAO;QACP,4DAA4D;QAC5DC,MAAMC,iBAAK,CAACC,IAAI;QAChBC,OAAO,CAAC,EAAEC,QAAQ,EAAE,GAAK,CAAC,CAAEA,CAAAA,YAAYA,SAASD,KAAK,CAAC,iBAAgB;QACvEE,QAAQG,gCAAe;IACzB;IACAd,kBAAM,CAACG,GAAG,CAACY,yBAAc,EAAE;QACzB,4DAA4D;QAC5DT,MAAMC,iBAAK,CAACC,IAAI;QAChBH,OAAO;QACPI,OAAO,CAAC,EAAEC,QAAQ,EAAE,GAAK,CAAC,CAAEA,CAAAA,YAAYA,SAASD,KAAK,CAAC,iBAAgB;QACvEE,QAAQK,gCAAe;IACzB;AACF"}

package/lib-commonjs/preset/preview.js

@@ -1,48 +0,0 @@
-/**
- * A decorator is a way to wrap a story in extra “rendering” functionality. Many addons define decorators
- * in order to augment stories:
- * - with extra rendering
- * - gather details about how a story is rendered
- *
- * When writing stories, decorators are typically used to wrap stories with extra markup or context mocking.
- *
- * https://storybook.js.org/docs/react/writing-stories/decorators#gatsby-focus-wrapper
- */ "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    decorators: function() {
-        return decorators;
-    },
-    default: function() {
-        return _default;
-    },
-    globals: function() {
-        return globals;
-    }
-});
-const _withFluentProvider = require("../decorators/withFluentProvider");
-const _withReactStrictMode = require("../decorators/withReactStrictMode");
-const _withAriaLive = require("../decorators/withAriaLive");
-const _constants = require("../constants");
-const decorators = [
-    _withFluentProvider.withFluentProvider,
-    _withAriaLive.withAriaLive,
-    _withReactStrictMode.withReactStrictMode
-];
-const globals = {
-    [_constants.THEME_ID]: undefined,
-    [_constants.DIR_ID]: undefined,
-    [_constants.STRICT_MODE_ID]: undefined
-}; // allow theme to be set by URL query param
-const _default = {
-    decorators,
-    globals
-};

package/lib-commonjs/preset/preview.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/preset/preview.ts"],"sourcesContent":["/**\n * A decorator is a way to wrap a story in extra “rendering” functionality. Many addons define decorators\n * in order to augment stories:\n * - with extra rendering\n * - gather details about how a story is rendered\n *\n * When writing stories, decorators are typically used to wrap stories with extra markup or context mocking.\n *\n * https://storybook.js.org/docs/react/writing-stories/decorators#gatsby-focus-wrapper\n */\n\nimport { withFluentProvider } from '../decorators/withFluentProvider';\nimport { withReactStrictMode } from '../decorators/withReactStrictMode';\nimport { withAriaLive } from '../decorators/withAriaLive';\nimport { DIR_ID, STRICT_MODE_ID, THEME_ID } from '../constants';\n\nexport const decorators = [withFluentProvider, withAriaLive, withReactStrictMode];\nexport const globals = { [THEME_ID]: undefined, [DIR_ID]: undefined, [STRICT_MODE_ID]: undefined }; // allow theme to be set by URL query param\n\nexport default {\n  decorators,\n  globals,\n};\n"],"names":["decorators","globals","withFluentProvider","withAriaLive","withReactStrictMode","THEME_ID","undefined","DIR_ID","STRICT_MODE_ID"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;;;;;;;CASC;;;;;;;;;;;IAOYA,UAAU;eAAVA;;IAGb,OAGE;eAHF;;IAFaC,OAAO;eAAPA;;;oCANsB;qCACC;8BACP;2BACoB;AAE1C,MAAMD,aAAa;IAACE,sCAAkB;IAAEC,0BAAY;IAAEC,wCAAmB;CAAC;AAC1E,MAAMH,UAAU;IAAE,CAACI,mBAAQ,CAAC,EAAEC;IAAW,CAACC,iBAAM,CAAC,EAAED;IAAW,CAACE,yBAAc,CAAC,EAAEF;AAAU,GAAG,2CAA2C;MAE/I,WAAe;IACbN;IACAC;AACF"}

package/lib-commonjs/theme.js

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    defaultTheme: function() {
-        return defaultTheme;
-    },
-    themes: function() {
-        return themes;
-    }
-});
-const themes = [
-    {
-        id: 'web-light',
-        label: 'Web Light'
-    },
-    {
-        id: 'web-dark',
-        label: 'Web Dark'
-    },
-    {
-        id: 'teams-light',
-        label: 'Teams Light'
-    },
-    {
-        id: 'teams-dark',
-        label: 'Teams Dark'
-    },
-    {
-        id: 'teams-high-contrast',
-        label: 'Teams High Contrast'
-    }
-];
-const defaultTheme = themes[0];

package/lib-commonjs/theme.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/theme.ts"],"sourcesContent":["export const themes = [\n  { id: 'web-light', label: 'Web Light' },\n  { id: 'web-dark', label: 'Web Dark' },\n  { id: 'teams-light', label: 'Teams Light' },\n  { id: 'teams-dark', label: 'Teams Dark' },\n  { id: 'teams-high-contrast', label: 'Teams High Contrast' },\n] as const;\n\nexport const defaultTheme = themes[0];\n\nexport type ThemeIds = (typeof themes)[number]['id'];\nexport type ThemeLabels = (typeof themes)[number]['label'];\n"],"names":["defaultTheme","themes","id","label"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAQaA,YAAY;eAAZA;;IARAC,MAAM;eAANA;;;AAAN,MAAMA,SAAS;IACpB;QAAEC,IAAI;QAAaC,OAAO;IAAY;IACtC;QAAED,IAAI;QAAYC,OAAO;IAAW;IACpC;QAAED,IAAI;QAAeC,OAAO;IAAc;IAC1C;QAAED,IAAI;QAAcC,OAAO;IAAa;IACxC;QAAED,IAAI;QAAuBC,OAAO;IAAsB;CAC3D;AAEM,MAAMH,eAAeC,MAAM,CAAC,EAAE"}

package/lib-commonjs/utils/isDecoratorDisabled.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "isDecoratorDisabled", {
-    enumerable: true,
-    get: function() {
-        return isDecoratorDisabled;
-    }
-});
-function isDecoratorDisabled(context, decoratorName) {
-    var _context_parameters_reactStorybookAddon_disabledDecorators, _context_parameters_reactStorybookAddon;
-    var _context_parameters_reactStorybookAddon_disabledDecorators_includes;
-    return (_context_parameters_reactStorybookAddon_disabledDecorators_includes = (_context_parameters_reactStorybookAddon = context.parameters.reactStorybookAddon) === null || _context_parameters_reactStorybookAddon === void 0 ? void 0 : (_context_parameters_reactStorybookAddon_disabledDecorators = _context_parameters_reactStorybookAddon.disabledDecorators) === null || _context_parameters_reactStorybookAddon_disabledDecorators === void 0 ? void 0 : _context_parameters_reactStorybookAddon_disabledDecorators.includes(decoratorName)) !== null && _context_parameters_reactStorybookAddon_disabledDecorators_includes !== void 0 ? _context_parameters_reactStorybookAddon_disabledDecorators_includes : false;
-}

package/lib-commonjs/utils/isDecoratorDisabled.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/isDecoratorDisabled.ts"],"sourcesContent":["import type { FluentParameters, FluentStoryContext } from '../hooks';\n\ntype DecoratorName = NonNullable<FluentParameters['reactStorybookAddon']>['disabledDecorators'][number];\n\nexport function isDecoratorDisabled(context: FluentStoryContext, decoratorName: DecoratorName): boolean {\n  return context.parameters.reactStorybookAddon?.disabledDecorators?.includes(decoratorName) ?? false;\n}\n"],"names":["isDecoratorDisabled","context","decoratorName","parameters","reactStorybookAddon","disabledDecorators","includes"],"rangeMappings":";;;;;;;;;;;;;;","mappings":";;;;+BAIgBA;;;eAAAA;;;AAAT,SAASA,oBAAoBC,OAA2B,EAAEC,aAA4B;QACpFD,4DAAAA;QAAAA;IAAP,OAAOA,CAAAA,uEAAAA,0CAAAA,QAAQE,UAAU,CAACC,mBAAmB,cAAtCH,+DAAAA,6DAAAA,wCAAwCI,kBAAkB,cAA1DJ,iFAAAA,2DAA4DK,QAAQ,CAACJ,4BAArED,iFAAAA,sEAAuF;AAChG"}