@fluentui/react-infobutton 9.0.0-beta.4 → 9.0.0-beta.40

package/lib-commonjs/components/InfoIcon/useInfoIconStyles.styles.js

@@ -0,0 +1,30 @@
+"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, {
+    infoIconClassNames: ()=>infoIconClassNames,
+    useInfoIconStyles_unstable: ()=>useInfoIconStyles_unstable
+});
+const _react = require("@griffel/react");
+const infoIconClassNames = {
+    root: 'fui-InfoIcon'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    root: {}
+}, {});
+const useInfoIconStyles_unstable = (state)=>{
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(infoIconClassNames.root, styles.root, state.root.className);
+    // TODO Add class names to slots, for example:
+    // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);
+    return state;
+}; //# sourceMappingURL=useInfoIconStyles.styles.js.map

package/lib-commonjs/components/InfoIcon/useInfoIconStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useInfoIconStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nexport const infoIconClassNames = {\n  root: 'fui-InfoIcon'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {}\n}, {});\n/**\n * Apply styling to the InfoIcon slots based on the state\n */\nexport const useInfoIconStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(infoIconClassNames.root, styles.root, state.root.className);\n  // TODO Add class names to slots, for example:\n  // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);\n  return state;\n};\n//# sourceMappingURL=useInfoIconStyles.styles.js.map"],"names":["infoIconClassNames","useInfoIconStyles_unstable","root","useStyles","__styles","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,kBAAkB,MAAlBA;IAYAC,0BAA0B,MAA1BA;;uBAb0B;AAChC,MAAMD,qBAAqB;IAChCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM,CAAC;AACT,GAAG,CAAC;AAIG,MAAMD,6BAA6BI,CAAAA,QAAS;IACjD,MAAMC,SAASH;IACfE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,mBAAmBE,IAAI,EAAEI,OAAOJ,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IAC9F,8CAA8C;IAC9C,gFAAgF;IAChF,OAAOF;AACT,GACA,oDAAoD"}

package/lib-commonjs/components/InfoIconLabel/InfoIconLabel.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "InfoIconLabel", {
+    enumerable: true,
+    get: ()=>InfoIconLabel
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _useInfoIconLabel = require("./useInfoIconLabel");
+const _renderInfoIconLabel = require("./renderInfoIconLabel");
+const _useInfoIconLabelStylesStyles = require("./useInfoIconLabelStyles.styles");
+const InfoIconLabel = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useInfoIconLabel.useInfoIconLabel_unstable)(props, ref);
+    (0, _useInfoIconLabelStylesStyles.useInfoIconLabelStyles_unstable)(state);
+    return (0, _renderInfoIconLabel.renderInfoIconLabel_unstable)(state);
+});
+InfoIconLabel.displayName = 'InfoIconLabel';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["InfoIconLabel.js"],"sourcesContent":["import * as React from 'react';\nimport { useInfoIconLabel_unstable } from './useInfoIconLabel';\nimport { renderInfoIconLabel_unstable } from './renderInfoIconLabel';\nimport { useInfoIconLabelStyles_unstable } from './useInfoIconLabelStyles.styles';\n/**\n * InfoIconLabel component - TODO: add more docs\n */ export const InfoIconLabel = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useInfoIconLabel_unstable(props, ref);\n    useInfoIconLabelStyles_unstable(state);\n    return renderInfoIconLabel_unstable(state);\n});\nInfoIconLabel.displayName = 'InfoIconLabel';\n"],"names":["InfoIconLabel","React","forwardRef","props","ref","state","useInfoIconLabel_unstable","useInfoIconLabelStyles_unstable","renderInfoIconLabel_unstable","displayName"],"mappings":";;;;+BAMiBA;;aAAAA;;;6DANM;kCACmB;qCACG;8CACG;AAGrC,MAAMA,gBAAgB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IAC1E,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/CG,IAAAA,6DAA+B,EAACF;IAChC,OAAOG,IAAAA,iDAA4B,EAACH;AACxC;AACAL,cAAcS,WAAW,GAAG"}

package/lib-commonjs/components/InfoIconLabel/InfoIconLabel.types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+ // TODO: Remove semicolon from previous line, uncomment next line, and provide union of props to pick from InfoIconLabelProps.
+ // & Required<Pick<InfoIconLabelProps, 'propName'>>

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

@@ -0,0 +1 @@
+{"version":3,"sources":["InfoIconLabel.types.js"],"sourcesContent":["export { }; // TODO: Remove semicolon from previous line, uncomment next line, and provide union of props to pick from InfoIconLabelProps.\n // & Required<Pick<InfoIconLabelProps, 'propName'>>\n"],"names":[],"mappings":";;;;CAAY,8HAA8H;CACzI,mDAAmD"}

package/lib-commonjs/components/InfoIconLabel/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./InfoIconLabel"), exports);
+_exportStar(require("./InfoIconLabel.types"), exports);
+_exportStar(require("./renderInfoIconLabel"), exports);
+_exportStar(require("./useInfoIconLabel"), exports);
+_exportStar(require("./useInfoIconLabelStyles.styles"), exports);

package/lib-commonjs/components/InfoIconLabel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './InfoIconLabel';\nexport * from './InfoIconLabel.types';\nexport * from './renderInfoIconLabel';\nexport * from './useInfoIconLabel';\nexport * from './useInfoIconLabelStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}

package/lib-commonjs/components/InfoIconLabel/renderInfoIconLabel.js

@@ -0,0 +1,15 @@
+/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderInfoIconLabel_unstable", {
+    enumerable: true,
+    get: ()=>renderInfoIconLabel_unstable
+});
+const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
+const _reactUtilities = require("@fluentui/react-utilities");
+const renderInfoIconLabel_unstable = (state)=>{
+    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
+    // TODO Add additional slots in the appropriate place
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root);
+};

package/lib-commonjs/components/InfoIconLabel/renderInfoIconLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderInfoIconLabel.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of InfoIconLabel\n */ export const renderInfoIconLabel_unstable = (state)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    // TODO Add additional slots in the appropriate place\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root);\n};\n"],"names":["renderInfoIconLabel_unstable","state","slots","slotProps","getSlotsNext","createElement","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,+BAA+B,CAACC,QAAQ;IACrD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,qDAAqD;IACrD,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI;AACjE"}

package/lib-commonjs/components/InfoIconLabel/useInfoIconLabel.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useInfoIconLabel_unstable", {
+    enumerable: true,
+    get: ()=>useInfoIconLabel_unstable
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const useInfoIconLabel_unstable = (props, ref)=>{
+    return {
+        // TODO add appropriate props/defaults
+        components: {
+            // TODO add each slot's element type or component
+            root: 'div'
+        },
+        // TODO add appropriate slots, for example:
+        // mySlot: resolveShorthand(props.mySlot),
+        root: (0, _reactUtilities.getNativeElementProps)('div', {
+            ref,
+            ...props
+        })
+    };
+};

package/lib-commonjs/components/InfoIconLabel/useInfoIconLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useInfoIconLabel.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\n/**\n * Create the state required to render InfoIconLabel.\n *\n * The returned state can be modified with hooks such as useInfoIconLabelStyles_unstable,\n * before being passed to renderInfoIconLabel_unstable.\n *\n * @param props - props from this instance of InfoIconLabel\n * @param ref - reference to root HTMLElement of InfoIconLabel\n */ export const useInfoIconLabel_unstable = (props, ref)=>{\n    return {\n        // TODO add appropriate props/defaults\n        components: {\n            // TODO add each slot's element type or component\n            root: 'div'\n        },\n        // TODO add appropriate slots, for example:\n        // mySlot: resolveShorthand(props.mySlot),\n        root: getNativeElementProps('div', {\n            ref,\n            ...props\n        })\n    };\n};\n"],"names":["useInfoIconLabel_unstable","props","ref","components","root","getNativeElementProps"],"mappings":";;;;+BAUiBA;;aAAAA;;;6DAVM;gCACe;AAS3B,MAAMA,4BAA4B,CAACC,OAAOC,MAAM;IACvD,OAAO;QACH,sCAAsC;QACtCC,YAAY;YACR,iDAAiD;YACjDC,MAAM;QACV;QACA,2CAA2C;QAC3C,0CAA0C;QAC1CA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YAC/BH;YACA,GAAGD,KAAK;QACZ;IACJ;AACJ"}

package/lib-commonjs/components/InfoIconLabel/useInfoIconLabelStyles.styles.js

@@ -0,0 +1,30 @@
+"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, {
+    infoIconLabelClassNames: ()=>infoIconLabelClassNames,
+    useInfoIconLabelStyles_unstable: ()=>useInfoIconLabelStyles_unstable
+});
+const _react = require("@griffel/react");
+const infoIconLabelClassNames = {
+    root: 'fui-InfoIconLabel'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    root: {}
+}, {});
+const useInfoIconLabelStyles_unstable = (state)=>{
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(infoIconLabelClassNames.root, styles.root, state.root.className);
+    // TODO Add class names to slots, for example:
+    // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);
+    return state;
+}; //# sourceMappingURL=useInfoIconLabelStyles.styles.js.map

package/lib-commonjs/components/InfoIconLabel/useInfoIconLabelStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useInfoIconLabelStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nexport const infoIconLabelClassNames = {\n  root: 'fui-InfoIconLabel'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {}\n}, {});\n/**\n * Apply styling to the InfoIconLabel slots based on the state\n */\nexport const useInfoIconLabelStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(infoIconLabelClassNames.root, styles.root, state.root.className);\n  // TODO Add class names to slots, for example:\n  // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);\n  return state;\n};\n//# sourceMappingURL=useInfoIconLabelStyles.styles.js.map"],"names":["infoIconLabelClassNames","useInfoIconLabelStyles_unstable","root","useStyles","__styles","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,uBAAuB,MAAvBA;IAYAC,+BAA+B,MAA/BA;;uBAb0B;AAChC,MAAMD,0BAA0B;IACrCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM,CAAC;AACT,GAAG,CAAC;AAIG,MAAMD,kCAAkCI,CAAAA,QAAS;IACtD,MAAMC,SAASH;IACfE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,wBAAwBE,IAAI,EAAEI,OAAOJ,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IACnG,8CAA8C;IAC9C,gFAAgF;IAChF,OAAOF;AACT,GACA,yDAAyD"}

package/lib-commonjs/components/InfoLabel/InfoLabel.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "InfoLabel", {
+    enumerable: true,
+    get: ()=>InfoLabel
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _renderInfoLabel = require("./renderInfoLabel");
+const _useInfoLabel = require("./useInfoLabel");
+const _useInfoLabelStylesStyles = require("./useInfoLabelStyles.styles");
+const InfoLabel = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useInfoLabel.useInfoLabel_unstable)(props, ref);
+    (0, _useInfoLabelStylesStyles.useInfoLabelStyles_unstable)(state);
+    return (0, _renderInfoLabel.renderInfoLabel_unstable)(state);
+});
+InfoLabel.displayName = 'InfoLabel';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["InfoLabel.js"],"sourcesContent":["import * as React from 'react';\nimport { renderInfoLabel_unstable } from './renderInfoLabel';\nimport { useInfoLabel_unstable } from './useInfoLabel';\nimport { useInfoLabelStyles_unstable } from './useInfoLabelStyles.styles';\n/**\n * InfoLabel component\n */ export const InfoLabel = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useInfoLabel_unstable(props, ref);\n    useInfoLabelStyles_unstable(state);\n    return renderInfoLabel_unstable(state);\n});\nInfoLabel.displayName = 'InfoLabel';\n"],"names":["InfoLabel","React","forwardRef","props","ref","state","useInfoLabel_unstable","useInfoLabelStyles_unstable","renderInfoLabel_unstable","displayName"],"mappings":";;;;+BAMiBA;;aAAAA;;;6DANM;iCACkB;8BACH;0CACM;AAGjC,MAAMA,YAAY,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACtE,MAAMC,QAAQC,IAAAA,mCAAqB,EAACH,OAAOC;IAC3CG,IAAAA,qDAA2B,EAACF;IAC5B,OAAOG,IAAAA,yCAAwB,EAACH;AACpC;AACAL,UAAUS,WAAW,GAAG"}

package/lib-commonjs/components/InfoLabel/InfoLabel.types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/lib-commonjs/components/InfoLabel/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./InfoLabel"), exports);
+_exportStar(require("./InfoLabel.types"), exports);
+_exportStar(require("./renderInfoLabel"), exports);
+_exportStar(require("./useInfoLabel"), exports);
+_exportStar(require("./useInfoLabelStyles.styles"), exports);

package/lib-commonjs/components/InfoLabel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './InfoLabel';\nexport * from './InfoLabel.types';\nexport * from './renderInfoLabel';\nexport * from './useInfoLabel';\nexport * from './useInfoLabelStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}

package/lib-commonjs/components/InfoLabel/renderInfoLabel.js

@@ -0,0 +1,14 @@
+/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderInfoLabel_unstable", {
+    enumerable: true,
+    get: ()=>renderInfoLabel_unstable
+});
+const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
+const _reactUtilities = require("@fluentui/react-utilities");
+const renderInfoLabel_unstable = (state)=>{
+    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.label, slotProps.label), slots.infoButton && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.infoButton, slotProps.infoButton));
+};

package/lib-commonjs/components/InfoLabel/renderInfoLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderInfoLabel.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of InfoLabel\n */ export const renderInfoLabel_unstable = (state)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root, /*#__PURE__*/ createElement(slots.label, slotProps.label), slots.infoButton && /*#__PURE__*/ createElement(slots.infoButton, slotProps.infoButton));\n};\n"],"names":["renderInfoLabel_unstable","state","slots","slotProps","getSlotsNext","createElement","root","label","infoButton"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,2BAA2B,CAACC,QAAQ;IACjD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAE,WAAW,GAAGD,IAAAA,8BAAa,EAACH,MAAMK,KAAK,EAAEJ,UAAUI,KAAK,GAAGL,MAAMM,UAAU,IAAI,WAAW,GAAGH,IAAAA,8BAAa,EAACH,MAAMM,UAAU,EAAEL,UAAUK,UAAU;AACpN"}

package/lib-commonjs/components/InfoLabel/useInfoLabel.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useInfoLabel_unstable", {
+    enumerable: true,
+    get: ()=>useInfoLabel_unstable
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactLabel = require("@fluentui/react-label");
+const _reactUtilities = require("@fluentui/react-utilities");
+const _infoButton = require("../InfoButton/InfoButton");
+var _infoButton1, _arialabelledby, _root, _ariaowns;
+const useInfoLabel_unstable = (props, ref)=>{
+    const { root: rootShorthand , label: labelShorthand , infoButton: infoButtonShorthand , info , size , className , style , ...labelProps } = props;
+    const baseId = (0, _reactUtilities.useId)('infolabel-');
+    const root = (0, _reactUtilities.resolveShorthand)(rootShorthand, {
+        required: true,
+        defaultProps: {
+            className,
+            style
+        }
+    });
+    const label = (0, _reactUtilities.resolveShorthand)(labelShorthand, {
+        required: true,
+        defaultProps: {
+            id: baseId + '__label',
+            ref,
+            size,
+            ...labelProps
+        }
+    });
+    const infoButton = (0, _reactUtilities.resolveShorthand)(infoButtonShorthand, {
+        required: !!info,
+        defaultProps: {
+            id: baseId + '__infoButton',
+            size,
+            info
+        }
+    });
+    if (infoButton) {
+        var _infoButton_info;
+        infoButton.info = (0, _reactUtilities.resolveShorthand)(infoButton === null || infoButton === void 0 ? void 0 : infoButton.info, {
+            defaultProps: {
+                id: baseId + '__info'
+            }
+        });
+        var _;
+        (_ = (_infoButton1 = infoButton)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : _infoButton1[_arialabelledby] = `${label.id} ${infoButton.id}`;
+        var _1;
+        (_1 = (_root = root)[_ariaowns = 'aria-owns']) !== null && _1 !== void 0 ? _1 : _root[_ariaowns] = (_infoButton_info = infoButton.info) === null || _infoButton_info === void 0 ? void 0 : _infoButton_info.id;
+    }
+    return {
+        size,
+        components: {
+            root: 'span',
+            label: _reactLabel.Label,
+            infoButton: _infoButton.InfoButton
+        },
+        root,
+        label,
+        infoButton
+    };
+};

package/lib-commonjs/components/InfoLabel/useInfoLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useInfoLabel.js"],"sourcesContent":["var _infoButton, _arialabelledby, _root, _ariaowns;\nimport * as React from 'react';\nimport { Label } from '@fluentui/react-label';\nimport { resolveShorthand, useId } from '@fluentui/react-utilities';\nimport { InfoButton } from '../InfoButton/InfoButton';\n/**\n * Create the state required to render InfoLabel.\n *\n * The returned state can be modified with hooks such as useInfoLabelStyles_unstable,\n * before being passed to renderInfoLabel_unstable.\n *\n * @param props - props from this instance of InfoLabel\n * @param ref - reference to label element of InfoLabel\n */ export const useInfoLabel_unstable = (props, ref)=>{\n    const { root: rootShorthand , label: labelShorthand , infoButton: infoButtonShorthand , info , size , className , style , ...labelProps } = props;\n    const baseId = useId('infolabel-');\n    const root = resolveShorthand(rootShorthand, {\n        required: true,\n        defaultProps: {\n            className,\n            style\n        }\n    });\n    const label = resolveShorthand(labelShorthand, {\n        required: true,\n        defaultProps: {\n            id: baseId + '__label',\n            ref,\n            size,\n            ...labelProps\n        }\n    });\n    const infoButton = resolveShorthand(infoButtonShorthand, {\n        required: !!info,\n        defaultProps: {\n            id: baseId + '__infoButton',\n            size,\n            info\n        }\n    });\n    if (infoButton) {\n        var _infoButton_info;\n        infoButton.info = resolveShorthand(infoButton === null || infoButton === void 0 ? void 0 : infoButton.info, {\n            defaultProps: {\n                id: baseId + '__info'\n            }\n        });\n        var _;\n        (_ = (_infoButton = infoButton)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : _infoButton[_arialabelledby] = `${label.id} ${infoButton.id}`;\n        var _1;\n        (_1 = (_root = root)[_ariaowns = 'aria-owns']) !== null && _1 !== void 0 ? _1 : _root[_ariaowns] = (_infoButton_info = infoButton.info) === null || _infoButton_info === void 0 ? void 0 : _infoButton_info.id;\n    }\n    return {\n        size,\n        components: {\n            root: 'span',\n            label: Label,\n            infoButton: InfoButton\n        },\n        root,\n        label,\n        infoButton\n    };\n};\n"],"names":["useInfoLabel_unstable","_infoButton","_arialabelledby","_root","_ariaowns","props","ref","root","rootShorthand","label","labelShorthand","infoButton","infoButtonShorthand","info","size","className","style","labelProps","baseId","useId","resolveShorthand","required","defaultProps","id","_infoButton_info","_","_1","components","Label","InfoButton"],"mappings":";;;;+BAaiBA;;aAAAA;;;6DAZM;4BACD;gCACkB;4BACb;AAJ3B,IAAIC,cAAaC,iBAAiBC,OAAOC;AAa9B,MAAMJ,wBAAwB,CAACK,OAAOC,MAAM;IACnD,MAAM,EAAEC,MAAMC,cAAa,EAAGC,OAAOC,eAAc,EAAGC,YAAYC,oBAAmB,EAAGC,KAAI,EAAGC,KAAI,EAAGC,UAAS,EAAGC,MAAK,EAAG,GAAGC,YAAY,GAAGZ;IAC5I,MAAMa,SAASC,IAAAA,qBAAK,EAAC;IACrB,MAAMZ,OAAOa,IAAAA,gCAAgB,EAACZ,eAAe;QACzCa,UAAU,IAAI;QACdC,cAAc;YACVP;YACAC;QACJ;IACJ;IACA,MAAMP,QAAQW,IAAAA,gCAAgB,EAACV,gBAAgB;QAC3CW,UAAU,IAAI;QACdC,cAAc;YACVC,IAAIL,SAAS;YACbZ;YACAQ;YACA,GAAGG,UAAU;QACjB;IACJ;IACA,MAAMN,aAAaS,IAAAA,gCAAgB,EAACR,qBAAqB;QACrDS,UAAU,CAAC,CAACR;QACZS,cAAc;YACVC,IAAIL,SAAS;YACbJ;YACAD;QACJ;IACJ;IACA,IAAIF,YAAY;QACZ,IAAIa;QACJb,WAAWE,IAAI,GAAGO,IAAAA,gCAAgB,EAACT,eAAe,IAAI,IAAIA,eAAe,KAAK,IAAI,KAAK,IAAIA,WAAWE,IAAI,EAAE;YACxGS,cAAc;gBACVC,IAAIL,SAAS;YACjB;QACJ;QACA,IAAIO;QACHA,CAAAA,IAAI,AAACxB,CAAAA,eAAcU,UAAS,CAAE,CAACT,kBAAkB,kBAAkB,AAAD,MAAO,IAAI,IAAIuB,MAAM,KAAK,IAAIA,IAAIxB,YAAW,CAACC,gBAAgB,GAAG,CAAC,EAAEO,MAAMc,EAAE,CAAC,CAAC,EAAEZ,WAAWY,EAAE,CAAC,CAAC;QAClK,IAAIG;QACHA,CAAAA,KAAK,AAACvB,CAAAA,QAAQI,IAAG,CAAE,CAACH,YAAY,YAAY,AAAD,MAAO,IAAI,IAAIsB,OAAO,KAAK,IAAIA,KAAKvB,KAAK,CAACC,UAAU,GAAG,AAACoB,CAAAA,mBAAmBb,WAAWE,IAAI,AAAD,MAAO,IAAI,IAAIW,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBD,EAAE;IAClN,CAAC;IACD,OAAO;QACHT;QACAa,YAAY;YACRpB,MAAM;YACNE,OAAOmB,iBAAK;YACZjB,YAAYkB,sBAAU;QAC1B;QACAtB;QACAE;QACAE;IACJ;AACJ"}

package/lib-commonjs/components/InfoLabel/useInfoLabelStyles.styles.js

@@ -0,0 +1,62 @@
+"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, {
+    infoLabelClassNames: ()=>infoLabelClassNames,
+    useInfoLabelStyles_unstable: ()=>useInfoLabelStyles_unstable
+});
+const _react = require("@griffel/react");
+const infoLabelClassNames = {
+    root: 'fui-InfoLabel',
+    label: 'fui-InfoLabel__label',
+    infoButton: 'fui-InfoLabel__infoButton'
+};
+const useLabelStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        ha4doy: "f12kltsn",
+        Bceei9c: "fpo1scq",
+        sj55zd: "f1ym3bx4"
+    }
+}, {
+    d: [
+        ".f12kltsn{vertical-align:top;}",
+        ".fpo1scq{cursor:inherit;}",
+        ".f1ym3bx4{color:inherit;}"
+    ]
+});
+const useInfoButtonStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        ha4doy: "f12kltsn",
+        B6of3ja: "f1bmzb36",
+        jrapky: "f1nyzk09"
+    },
+    large: {
+        B6of3ja: "fkrn0sh",
+        jrapky: "fmxx68s"
+    }
+}, {
+    d: [
+        ".f12kltsn{vertical-align:top;}",
+        ".f1bmzb36{margin-top:calc(0px - var(--spacingVerticalXXS));}",
+        ".f1nyzk09{margin-bottom:calc(0px - var(--spacingVerticalXXS));}",
+        ".fkrn0sh{margin-top:-1px;}",
+        ".fmxx68s{margin-bottom:-1px;}"
+    ]
+});
+const useInfoLabelStyles_unstable = (state)=>{
+    state.root.className = (0, _react.mergeClasses)(infoLabelClassNames.root, state.root.className);
+    const labelStyles = useLabelStyles();
+    state.label.className = (0, _react.mergeClasses)(infoLabelClassNames.label, labelStyles.base, state.label.className);
+    const infoButtonStyles = useInfoButtonStyles();
+    if (state.infoButton) {
+        state.infoButton.className = (0, _react.mergeClasses)(infoLabelClassNames.infoButton, infoButtonStyles.base, state.size === 'large' && infoButtonStyles.large, state.infoButton.className);
+    }
+    return state;
+}; //# sourceMappingURL=useInfoLabelStyles.styles.js.map

package/lib-commonjs/components/InfoLabel/useInfoLabelStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useInfoLabelStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses } from '@griffel/react';\nexport const infoLabelClassNames = {\n  root: 'fui-InfoLabel',\n  label: 'fui-InfoLabel__label',\n  infoButton: 'fui-InfoLabel__infoButton'\n};\nconst useLabelStyles = /*#__PURE__*/__styles({\n  base: {\n    ha4doy: \"f12kltsn\",\n    Bceei9c: \"fpo1scq\",\n    sj55zd: \"f1ym3bx4\"\n  }\n}, {\n  d: [\".f12kltsn{vertical-align:top;}\", \".fpo1scq{cursor:inherit;}\", \".f1ym3bx4{color:inherit;}\"]\n});\nconst useInfoButtonStyles = /*#__PURE__*/__styles({\n  base: {\n    ha4doy: \"f12kltsn\",\n    B6of3ja: \"f1bmzb36\",\n    jrapky: \"f1nyzk09\"\n  },\n  large: {\n    B6of3ja: \"fkrn0sh\",\n    jrapky: \"fmxx68s\"\n  }\n}, {\n  d: [\".f12kltsn{vertical-align:top;}\", \".f1bmzb36{margin-top:calc(0px - var(--spacingVerticalXXS));}\", \".f1nyzk09{margin-bottom:calc(0px - var(--spacingVerticalXXS));}\", \".fkrn0sh{margin-top:-1px;}\", \".fmxx68s{margin-bottom:-1px;}\"]\n});\n/**\n * Apply styling to the InfoLabel slots based on the state\n */\nexport const useInfoLabelStyles_unstable = state => {\n  state.root.className = mergeClasses(infoLabelClassNames.root, state.root.className);\n  const labelStyles = useLabelStyles();\n  state.label.className = mergeClasses(infoLabelClassNames.label, labelStyles.base, state.label.className);\n  const infoButtonStyles = useInfoButtonStyles();\n  if (state.infoButton) {\n    state.infoButton.className = mergeClasses(infoLabelClassNames.infoButton, infoButtonStyles.base, state.size === 'large' && infoButtonStyles.large, state.infoButton.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useInfoLabelStyles.styles.js.map"],"names":["infoLabelClassNames","useInfoLabelStyles_unstable","root","label","infoButton","useLabelStyles","__styles","base","ha4doy","Bceei9c","sj55zd","d","useInfoButtonStyles","B6of3ja","jrapky","large","state","className","mergeClasses","labelStyles","infoButtonStyles","size"],"mappings":";;;;;;;;;;;IAEaA,mBAAmB,MAAnBA;IA8BAC,2BAA2B,MAA3BA;;uBA/B0B;AAChC,MAAMD,sBAAsB;IACjCE,MAAM;IACNC,OAAO;IACPC,YAAY;AACd;AACA,MAAMC,iBAAiB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IAC3CC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAAkC;QAA6B;KAA4B;AACjG;AACA,MAAMC,sBAAsB,WAAW,GAAEN,IAAAA,kBAAQ,EAAC;IAChDC,MAAM;QACJC,QAAQ;QACRK,SAAS;QACTC,QAAQ;IACV;IACAC,OAAO;QACLF,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDH,GAAG;QAAC;QAAkC;QAAgE;QAAmE;QAA8B;KAAgC;AACzO;AAIO,MAAMV,8BAA8Be,CAAAA,QAAS;IAClDA,MAAMd,IAAI,CAACe,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,oBAAoBE,IAAI,EAAEc,MAAMd,IAAI,CAACe,SAAS;IAClF,MAAME,cAAcd;IACpBW,MAAMb,KAAK,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,oBAAoBG,KAAK,EAAEgB,YAAYZ,IAAI,EAAES,MAAMb,KAAK,CAACc,SAAS;IACvG,MAAMG,mBAAmBR;IACzB,IAAII,MAAMZ,UAAU,EAAE;QACpBY,MAAMZ,UAAU,CAACa,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,oBAAoBI,UAAU,EAAEgB,iBAAiBb,IAAI,EAAES,MAAMK,IAAI,KAAK,WAAWD,iBAAiBL,KAAK,EAAEC,MAAMZ,UAAU,CAACa,SAAS;IAC/K,CAAC;IACD,OAAOD;AACT,GACA,qDAAqD"}

package/lib-commonjs/index.js

@@ -1,40 +1,36 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.useInfoButton_unstable = exports.useInfoButtonStyles_unstable = exports.renderInfoButton_unstable = exports.infoButtonClassNames = exports.InfoButton = void 0;
-
-var InfoButton_1 = /*#__PURE__*/require("./InfoButton");
-
-Object.defineProperty(exports, "InfoButton", {
-  enumerable: true,
-  get: function () {
-    return InfoButton_1.InfoButton;
-  }
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    InfoButton: ()=>_infoButton.InfoButton,
+    infoButtonClassNames: ()=>_infoButton.infoButtonClassNames,
+    renderInfoButton_unstable: ()=>_infoButton.renderInfoButton_unstable,
+    useInfoButtonStyles_unstable: ()=>_infoButton.useInfoButtonStyles_unstable,
+    useInfoButton_unstable: ()=>_infoButton.useInfoButton_unstable,
+    InfoLabel: ()=>_infoLabel.InfoLabel,
+    infoLabelClassNames: ()=>_infoLabel.infoLabelClassNames,
+    renderInfoLabel_unstable: ()=>_infoLabel.renderInfoLabel_unstable,
+    useInfoLabelStyles_unstable: ()=>_infoLabel.useInfoLabelStyles_unstable,
+    useInfoLabel_unstable: ()=>_infoLabel.useInfoLabel_unstable,
+    InfoIcon: ()=>_infoIcon.InfoIcon,
+    infoIconClassNames: ()=>_infoIcon.infoIconClassNames,
+    renderInfoIcon_unstable: ()=>_infoIcon.renderInfoIcon_unstable,
+    useInfoIconStyles_unstable: ()=>_infoIcon.useInfoIconStyles_unstable,
+    useInfoIcon_unstable: ()=>_infoIcon.useInfoIcon_unstable,
+    InfoIconLabel: ()=>_infoIconLabel.InfoIconLabel,
+    infoIconLabelClassNames: ()=>_infoIconLabel.infoIconLabelClassNames,
+    renderInfoIconLabel_unstable: ()=>_infoIconLabel.renderInfoIconLabel_unstable,
+    useInfoIconLabelStyles_unstable: ()=>_infoIconLabel.useInfoIconLabelStyles_unstable,
+    useInfoIconLabel_unstable: ()=>_infoIconLabel.useInfoIconLabel_unstable
 });
-Object.defineProperty(exports, "infoButtonClassNames", {
-  enumerable: true,
-  get: function () {
-    return InfoButton_1.infoButtonClassNames;
-  }
-});
-Object.defineProperty(exports, "renderInfoButton_unstable", {
-  enumerable: true,
-  get: function () {
-    return InfoButton_1.renderInfoButton_unstable;
-  }
-});
-Object.defineProperty(exports, "useInfoButtonStyles_unstable", {
-  enumerable: true,
-  get: function () {
-    return InfoButton_1.useInfoButtonStyles_unstable;
-  }
-});
-Object.defineProperty(exports, "useInfoButton_unstable", {
-  enumerable: true,
-  get: function () {
-    return InfoButton_1.useInfoButton_unstable;
-  }
-});
-//# sourceMappingURL=index.js.map
+const _infoButton = require("./InfoButton");
+const _infoLabel = require("./InfoLabel");
+const _infoIcon = require("./InfoIcon");
+const _infoIconLabel = require("./InfoIconLabel");

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["packages/react-components/react-infobutton/src/index.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;;AACE,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,YAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,YAAA,CAAA,UAAA;EAAU;AAAV,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,sBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,YAAA,CAAA,oBAAA;EAAoB;AAApB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,2BAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,YAAA,CAAA,yBAAA;EAAyB;AAAzB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,8BAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,YAAA,CAAA,4BAAA;EAA4B;AAA5B,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,wBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,YAAA,CAAA,sBAAA;EAAsB;AAAtB,CAAA","sourcesContent":["export {\n  InfoButton,\n  infoButtonClassNames,\n  renderInfoButton_unstable,\n  useInfoButtonStyles_unstable,\n  useInfoButton_unstable,\n} from './InfoButton';\nexport type { InfoButtonProps, InfoButtonSlots, InfoButtonState } from './InfoButton';\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export { InfoButton, infoButtonClassNames, renderInfoButton_unstable, useInfoButtonStyles_unstable, useInfoButton_unstable } from './InfoButton';\nexport { InfoLabel, infoLabelClassNames, renderInfoLabel_unstable, useInfoLabelStyles_unstable, useInfoLabel_unstable } from './InfoLabel';\nexport { InfoIcon, infoIconClassNames, renderInfoIcon_unstable, useInfoIconStyles_unstable, useInfoIcon_unstable } from './InfoIcon';\nexport { InfoIconLabel, infoIconLabelClassNames, renderInfoIconLabel_unstable, useInfoIconLabelStyles_unstable, useInfoIconLabel_unstable } from './InfoIconLabel';\n"],"names":["InfoButton","infoButtonClassNames","renderInfoButton_unstable","useInfoButtonStyles_unstable","useInfoButton_unstable","InfoLabel","infoLabelClassNames","renderInfoLabel_unstable","useInfoLabelStyles_unstable","useInfoLabel_unstable","InfoIcon","infoIconClassNames","renderInfoIcon_unstable","useInfoIconStyles_unstable","useInfoIcon_unstable","InfoIconLabel","infoIconLabelClassNames","renderInfoIconLabel_unstable","useInfoIconLabelStyles_unstable","useInfoIconLabel_unstable"],"mappings":";;;;;;;;;;;IAASA,UAAU,MAAVA,sBAAU;IAAEC,oBAAoB,MAApBA,gCAAoB;IAAEC,yBAAyB,MAAzBA,qCAAyB;IAAEC,4BAA4B,MAA5BA,wCAA4B;IAAEC,sBAAsB,MAAtBA,kCAAsB;IACjHC,SAAS,MAATA,oBAAS;IAAEC,mBAAmB,MAAnBA,8BAAmB;IAAEC,wBAAwB,MAAxBA,mCAAwB;IAAEC,2BAA2B,MAA3BA,sCAA2B;IAAEC,qBAAqB,MAArBA,gCAAqB;IAC5GC,QAAQ,MAARA,kBAAQ;IAAEC,kBAAkB,MAAlBA,4BAAkB;IAAEC,uBAAuB,MAAvBA,iCAAuB;IAAEC,0BAA0B,MAA1BA,oCAA0B;IAAEC,oBAAoB,MAApBA,8BAAoB;IACvGC,aAAa,MAAbA,4BAAa;IAAEC,uBAAuB,MAAvBA,sCAAuB;IAAEC,4BAA4B,MAA5BA,2CAA4B;IAAEC,+BAA+B,MAA/BA,8CAA+B;IAAEC,yBAAyB,MAAzBA,wCAAyB;;4BAHP;2BACL;0BACL;+BACyB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-infobutton",
-  "version": "9.0.0-beta.4",
+  "version": "9.0.0-beta.40",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -19,25 +19,29 @@
     "just": "just-scripts",
     "lint": "just-scripts lint",
     "test": "jest --passWithNoTests",
-    "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor",
+    "generate-api": "just-scripts generate-api",
     "type-check": "tsc -b tsconfig.json",
     "storybook": "start-storybook",
-    "start": "yarn storybook"
+    "start": "yarn storybook",
+    "test-ssr": "test-ssr \"./stories/**/*.stories.tsx\""
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.18",
-    "@fluentui/scripts": "^1.0.0"
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
+    "@fluentui/scripts-api-extractor": "*",
+    "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-icons": "^2.0.175",
-    "@fluentui/react-popover": "^9.3.5",
-    "@fluentui/react-tabster": "^9.3.4",
-    "@fluentui/react-theme": "^9.1.5",
-    "@fluentui/react-utilities": "^9.3.0",
-    "@griffel/react": "^1.4.2",
-    "tslib": "^2.1.0"
+    "@fluentui/react-icons": "^2.0.203",
+    "@fluentui/react-label": "^9.1.19",
+    "@fluentui/react-popover": "^9.7.5",
+    "@fluentui/react-tabster": "^9.10.0",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.10.1",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.10",
+    "@griffel/react": "^1.5.7",
+    "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {
     "@types/react": ">=16.8.0 <19.0.0",
@@ -55,6 +59,7 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
+      "node": "./lib-commonjs/index.js",
       "import": "./lib/index.js",
       "require": "./lib-commonjs/index.js"
     },