@fluentui/react-infobutton 9.0.0-beta.21 → 9.0.0-beta.23

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderInfoLabel_unstable", {
+    enumerable: true,
+    get: ()=>renderInfoLabel_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 renderInfoLabel_unstable = (state)=>{
+    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
+    return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, /*#__PURE__*/ _react.createElement(slots.label, slotProps.label), slots.infoButton && /*#__PURE__*/ _react.createElement(slots.infoButton, slotProps.infoButton));
+}; //# sourceMappingURL=renderInfoLabel.js.map
+
+//# sourceMappingURL=renderInfoLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/InfoLabel/renderInfoLabel.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of InfoLabel\n */\nexport const renderInfoLabel_unstable = state => {\n  const {\n    slots,\n    slotProps\n  } = getSlots(state);\n  return /*#__PURE__*/React.createElement(slots.root, slotProps.root, /*#__PURE__*/React.createElement(slots.label, slotProps.label), slots.infoButton && /*#__PURE__*/React.createElement(slots.infoButton, slotProps.infoButton));\n};\n//# sourceMappingURL=renderInfoLabel.js.map"],"names":["renderInfoLabel_unstable","state","slots","slotProps","getSlots","React","createElement","root","label","infoButton"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;gCACE;AAIlB,MAAMA,2BAA2BC,CAAAA,QAAS;IAC/C,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACH;IACb,OAAO,WAAW,GAAEI,OAAMC,aAAa,CAACJ,MAAMK,IAAI,EAAEJ,UAAUI,IAAI,EAAE,WAAW,GAAEF,OAAMC,aAAa,CAACJ,MAAMM,KAAK,EAAEL,UAAUK,KAAK,GAAGN,MAAMO,UAAU,IAAI,WAAW,GAAEJ,OAAMC,aAAa,CAACJ,MAAMO,UAAU,EAAEN,UAAUM,UAAU;AACjO,GACA,2CAA2C"}

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

@@ -0,0 +1,58 @@
+"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;
+const useInfoLabel_unstable = (props, ref)=>{
+    const { root: rootShorthand , label: labelShorthand , infoButton: infoButtonShorthand , size , info , className , style , ...labelProps } = props;
+    const root = (0, _reactUtilities.resolveShorthand)(rootShorthand, {
+        required: true,
+        defaultProps: {
+            className,
+            style
+        }
+    });
+    const label = (0, _reactUtilities.resolveShorthand)(labelShorthand, {
+        required: true,
+        defaultProps: {
+            id: (0, _reactUtilities.useId)('infolabel-'),
+            ref,
+            size,
+            ...labelProps
+        }
+    });
+    const infoButton = (0, _reactUtilities.resolveShorthand)(infoButtonShorthand, {
+        required: !!info,
+        defaultProps: {
+            id: (0, _reactUtilities.useId)('infobutton-'),
+            content: info,
+            size
+        }
+    });
+    if (infoButton) {
+        var _;
+        (_ = (_infoButton1 = infoButton)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : _infoButton1[_arialabelledby] = `${label.id} ${infoButton.id}`;
+    }
+    return {
+        size,
+        components: {
+            root: 'span',
+            label: _reactLabel.Label,
+            infoButton: _infoButton.InfoButton
+        },
+        root,
+        label,
+        infoButton
+    };
+}; //# sourceMappingURL=useInfoLabel.js.map
+
+//# sourceMappingURL=useInfoLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/InfoLabel/useInfoLabel.js"],"sourcesContent":["var _infoButton, _arialabelledby;\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 */\nexport const useInfoLabel_unstable = (props, ref) => {\n  const {\n    root: rootShorthand,\n    label: labelShorthand,\n    infoButton: infoButtonShorthand,\n    size,\n    info,\n    className,\n    style,\n    ...labelProps\n  } = props;\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: useId('infolabel-'),\n      ref,\n      size,\n      ...labelProps\n    }\n  });\n  const infoButton = resolveShorthand(infoButtonShorthand, {\n    required: !!info,\n    defaultProps: {\n      id: useId('infobutton-'),\n      content: info,\n      size\n    }\n  });\n  if (infoButton) {\n    var _;\n    (_ = (_infoButton = infoButton)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : _infoButton[_arialabelledby] = `${label.id} ${infoButton.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//# sourceMappingURL=useInfoLabel.js.map"],"names":["useInfoLabel_unstable","_infoButton","_arialabelledby","props","ref","root","rootShorthand","label","labelShorthand","infoButton","infoButtonShorthand","size","info","className","style","labelProps","resolveShorthand","required","defaultProps","id","useId","content","_","components","Label","InfoButton"],"mappings":";;;;+BAcaA;;aAAAA;;;6DAbU;4BACD;gCACkB;4BACb;AAJ3B,IAAIC,cAAaC;AAcV,MAAMF,wBAAwB,CAACG,OAAOC,MAAQ;IACnD,MAAM,EACJC,MAAMC,cAAa,EACnBC,OAAOC,eAAc,EACrBC,YAAYC,oBAAmB,EAC/BC,KAAI,EACJC,KAAI,EACJC,UAAS,EACTC,MAAK,EACL,GAAGC,YACJ,GAAGZ;IACJ,MAAME,OAAOW,IAAAA,gCAAgB,EAACV,eAAe;QAC3CW,UAAU,IAAI;QACdC,cAAc;YACZL;YACAC;QACF;IACF;IACA,MAAMP,QAAQS,IAAAA,gCAAgB,EAACR,gBAAgB;QAC7CS,UAAU,IAAI;QACdC,cAAc;YACZC,IAAIC,IAAAA,qBAAK,EAAC;YACVhB;YACAO;YACA,GAAGI,UAAU;QACf;IACF;IACA,MAAMN,aAAaO,IAAAA,gCAAgB,EAACN,qBAAqB;QACvDO,UAAU,CAAC,CAACL;QACZM,cAAc;YACZC,IAAIC,IAAAA,qBAAK,EAAC;YACVC,SAAST;YACTD;QACF;IACF;IACA,IAAIF,YAAY;QACd,IAAIa;QACHA,CAAAA,IAAI,AAACrB,CAAAA,eAAcQ,UAAS,CAAE,CAACP,kBAAkB,kBAAkB,AAAD,MAAO,IAAI,IAAIoB,MAAM,KAAK,IAAIA,IAAIrB,YAAW,CAACC,gBAAgB,GAAG,CAAC,EAAEK,MAAMY,EAAE,CAAC,CAAC,EAAEV,WAAWU,EAAE,CAAC,CAAC;IACpK,CAAC;IACD,OAAO;QACLR;QACAY,YAAY;YACVlB,MAAM;YACNE,OAAOiB,iBAAK;YACZf,YAAYgB,sBAAU;QACxB;QACApB;QACAE;QACAE;IACF;AACF,GACA,wCAAwC"}

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

@@ -0,0 +1,64 @@
+"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.js.map
+
+//# sourceMappingURL=useInfoLabelStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/InfoLabel/useInfoLabelStyles.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.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,8CAA8C"}

package/lib-commonjs/index.js

@@ -1,38 +1,27 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  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;
-  }
-});
-Object.defineProperty(exports, "infoButtonClassNames", {
-  enumerable: true,
-  get: function () {
-    return InfoButton_1.infoButtonClassNames;
-  }
+    value: true
 });
-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;
-  }
+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
 });
+const _infoButton = require("./InfoButton");
+const _infoLabel = require("./InfoLabel");
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["InfoButton_1","require","Object","defineProperty","exports","enumerable","get","InfoButton","infoButtonClassNames","renderInfoButton_unstable","useInfoButtonStyles_unstable","useInfoButton_unstable"],"sources":["../src/packages/react-components/react-infobutton/src/index.ts"],"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"],"mappings":";;;;;;AAAA,IAAAA,YAAA,gBAAAC,OAAA;AACEC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,YAAA,CAAAO,UAAU;EAAA;AAAA;AACVL,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,YAAA,CAAAQ,oBAAoB;EAAA;AAAA;AACpBN,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,YAAA,CAAAS,yBAAyB;EAAA;AAAA;AACzBP,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,YAAA,CAAAU,4BAA4B;EAAA;AAAA;AAC5BR,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,YAAA,CAAAW,sBAAsB;EAAA;AAAA"}
+{"version":3,"sources":["../lib/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';\n//# sourceMappingURL=index.js.map"],"names":["InfoButton","infoButtonClassNames","renderInfoButton_unstable","useInfoButtonStyles_unstable","useInfoButton_unstable","InfoLabel","infoLabelClassNames","renderInfoLabel_unstable","useInfoLabelStyles_unstable","useInfoLabel_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;;4BADa;2BACL;CAC7H,iCAAiC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-infobutton",
-  "version": "9.0.0-beta.21",
+  "version": "9.0.0-beta.23",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -19,7 +19,7 @@
     "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"
@@ -27,18 +27,19 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-icons": "^2.0.175",
-    "@fluentui/react-popover": "^9.5.3",
-    "@fluentui/react-tabster": "^9.5.7",
-    "@fluentui/react-theme": "^9.1.6",
-    "@fluentui/react-utilities": "^9.7.0",
+    "@fluentui/react-icons": "^2.0.196",
+    "@fluentui/react-label": "^9.1.5",
+    "@fluentui/react-popover": "^9.5.5",
+    "@fluentui/react-tabster": "^9.6.1",
+    "@fluentui/react-theme": "^9.1.7",
+    "@fluentui/react-utilities": "^9.7.2",
     "@griffel/react": "^1.5.2",
-    "tslib": "^2.1.0"
+    "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {
     "@types/react": ">=16.8.0 <19.0.0",
@@ -56,6 +57,7 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
+      "node": "./lib-commonjs/index.js",
       "import": "./lib/index.js",
       "require": "./lib-commonjs/index.js"
     },