@fluentui/react-badge 9.1.4 → 9.1.6

package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js

@@ -1,86 +1,110 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    presenceBadgeClassNames: ()=>presenceBadgeClassNames,
+    usePresenceBadgeStyles_unstable: ()=>usePresenceBadgeStyles_unstable
 });
-exports.usePresenceBadgeStyles_unstable = exports.presenceBadgeClassNames = void 0;
-const react_1 = /*#__PURE__*/require("@griffel/react");
-const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
-exports.presenceBadgeClassNames = {
-  root: 'fui-PresenceBadge',
-  icon: 'fui-PresenceBadge__icon'
+const _react = require("@griffel/react");
+const presenceBadgeClassNames = {
+    root: 'fui-PresenceBadge',
+    icon: 'fui-PresenceBadge__icon'
 };
-const getIsBusy = status => {
-  if (status === 'busy' || status === 'do-not-disturb' || status === 'blocked') {
-    return true;
-  }
-  return false;
+const getIsBusy = (status)=>{
+    if (status === 'busy' || status === 'do-not-disturb' || status === 'blocked') {
+        return true;
+    }
+    return false;
 };
-const useRootClassName = /*#__PURE__*/react_1.__resetStyles("r11sysef", null, [".r11sysef{padding:0;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;border-radius:var(--borderRadiusCircular);background-color:var(--colorNeutralBackground1);}", ".r11sysef span{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}"]);
-const useStyles = /*#__PURE__*/react_1.__styles({
-  statusBusy: {
-    sj55zd: "fvi85wt"
-  },
-  statusAway: {
-    sj55zd: "f14k8a89"
-  },
-  statusAvailable: {
-    sj55zd: "fqa5hgp"
-  },
-  statusOffline: {
-    sj55zd: "f11d4kpn"
-  },
-  statusOutOfOffice: {
-    sj55zd: "fdce8r3"
-  },
-  statusUnknown: {
-    sj55zd: "f11d4kpn"
-  },
-  outOfOffice: {
-    sj55zd: "fr0bkrk"
-  },
-  outOfOfficeAvailable: {
-    sj55zd: "fqa5hgp"
-  },
-  outOfOfficeBusy: {
-    sj55zd: "fvi85wt"
-  },
-  outOfOfficeUnknown: {
-    sj55zd: "f11d4kpn"
-  },
-  tiny: {
-    Bubjx69: "f9ikmtg",
-    a9b677: "f16dn6v3",
-    B5pe6w7: "fab5kbq",
-    p4uzdd: "f1ms1d91"
-  },
-  large: {
-    Bubjx69: "f9ikmtg",
-    a9b677: "f64fuq3",
-    B5pe6w7: "f1vfi1yj",
-    p4uzdd: "f15s34gz"
-  },
-  extraLarge: {
-    Bubjx69: "f9ikmtg",
-    a9b677: "f1w9dchk",
-    B5pe6w7: "f14efy9b",
-    p4uzdd: "fhipgdu"
-  }
+const useRootClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("r11sysef", null, [
+    ".r11sysef{padding:0;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;border-radius:var(--borderRadiusCircular);background-color:var(--colorNeutralBackground1);}",
+    ".r11sysef span{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}"
+]);
+const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    statusBusy: {
+        sj55zd: "fvi85wt"
+    },
+    statusAway: {
+        sj55zd: "f14k8a89"
+    },
+    statusAvailable: {
+        sj55zd: "fqa5hgp"
+    },
+    statusOffline: {
+        sj55zd: "f11d4kpn"
+    },
+    statusOutOfOffice: {
+        sj55zd: "fdce8r3"
+    },
+    statusUnknown: {
+        sj55zd: "f11d4kpn"
+    },
+    outOfOffice: {
+        sj55zd: "fr0bkrk"
+    },
+    outOfOfficeAvailable: {
+        sj55zd: "fqa5hgp"
+    },
+    outOfOfficeBusy: {
+        sj55zd: "fvi85wt"
+    },
+    outOfOfficeUnknown: {
+        sj55zd: "f11d4kpn"
+    },
+    tiny: {
+        Bubjx69: "f9ikmtg",
+        a9b677: "f16dn6v3",
+        B5pe6w7: "fab5kbq",
+        p4uzdd: "f1ms1d91"
+    },
+    large: {
+        Bubjx69: "f9ikmtg",
+        a9b677: "f64fuq3",
+        B5pe6w7: "f1vfi1yj",
+        p4uzdd: "f15s34gz"
+    },
+    extraLarge: {
+        Bubjx69: "f9ikmtg",
+        a9b677: "f1w9dchk",
+        B5pe6w7: "f14efy9b",
+        p4uzdd: "fhipgdu"
+    }
 }, {
-  d: [".fvi85wt{color:var(--colorPaletteRedBackground3);}", ".f14k8a89{color:var(--colorPaletteMarigoldBackground3);}", ".fqa5hgp{color:var(--colorPaletteLightGreenForeground3);}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".fdce8r3{color:var(--colorPaletteBerryForeground3);}", ".fr0bkrk{color:var(--colorNeutralBackground1);}", ".f9ikmtg{aspect-ratio:1;}", ".f16dn6v3{width:6px;}", ".fab5kbq svg{width:6px!important;}", ".f1ms1d91 svg{height:6px!important;}", ".f64fuq3{width:20px;}", ".f1vfi1yj svg{width:20px!important;}", ".f15s34gz svg{height:20px!important;}", ".f1w9dchk{width:28px;}", ".f14efy9b svg{width:28px!important;}", ".fhipgdu svg{height:28px!important;}"]
+    d: [
+        ".fvi85wt{color:var(--colorPaletteRedBackground3);}",
+        ".f14k8a89{color:var(--colorPaletteMarigoldBackground3);}",
+        ".fqa5hgp{color:var(--colorPaletteLightGreenForeground3);}",
+        ".f11d4kpn{color:var(--colorNeutralForeground3);}",
+        ".fdce8r3{color:var(--colorPaletteBerryForeground3);}",
+        ".fr0bkrk{color:var(--colorNeutralBackground1);}",
+        ".f9ikmtg{aspect-ratio:1;}",
+        ".f16dn6v3{width:6px;}",
+        ".fab5kbq svg{width:6px!important;}",
+        ".f1ms1d91 svg{height:6px!important;}",
+        ".f64fuq3{width:20px;}",
+        ".f1vfi1yj svg{width:20px!important;}",
+        ".f15s34gz svg{height:20px!important;}",
+        ".f1w9dchk{width:28px;}",
+        ".f14efy9b svg{width:28px!important;}",
+        ".fhipgdu svg{height:28px!important;}"
+    ]
 });
-/**
- * Applies style classnames to slots
- */
-const usePresenceBadgeStyles_unstable = state => {
-  const rootClassName = useRootClassName();
-  const styles = useStyles();
-  const isBusy = getIsBusy(state.status);
-  state.root.className = react_1.mergeClasses(exports.presenceBadgeClassNames.root, rootClassName, isBusy && styles.statusBusy, state.status === 'away' && styles.statusAway, state.status === 'available' && styles.statusAvailable, state.status === 'offline' && styles.statusOffline, state.status === 'out-of-office' && styles.statusOutOfOffice, state.status === 'unknown' && styles.statusUnknown, state.outOfOffice && styles.outOfOffice, state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable, state.outOfOffice && isBusy && styles.outOfOfficeBusy, state.outOfOffice && state.status === 'away' && styles.statusOutOfOffice, state.outOfOffice && state.status === 'offline' && styles.statusOffline, state.outOfOffice && state.status === 'out-of-office' && styles.statusOutOfOffice, state.outOfOffice && state.status === 'unknown' && styles.outOfOfficeUnknown, state.size === 'tiny' && styles.tiny, state.size === 'large' && styles.large, state.size === 'extra-large' && styles.extraLarge, state.root.className);
-  if (state.icon) {
-    state.icon.className = react_1.mergeClasses(exports.presenceBadgeClassNames.icon, state.icon.className);
-  }
-  return state;
-};
-exports.usePresenceBadgeStyles_unstable = usePresenceBadgeStyles_unstable;
+const usePresenceBadgeStyles_unstable = (state)=>{
+    const rootClassName = useRootClassName();
+    const styles = useStyles();
+    const isBusy = getIsBusy(state.status);
+    state.root.className = (0, _react.mergeClasses)(presenceBadgeClassNames.root, rootClassName, isBusy && styles.statusBusy, state.status === 'away' && styles.statusAway, state.status === 'available' && styles.statusAvailable, state.status === 'offline' && styles.statusOffline, state.status === 'out-of-office' && styles.statusOutOfOffice, state.status === 'unknown' && styles.statusUnknown, state.outOfOffice && styles.outOfOffice, state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable, state.outOfOffice && isBusy && styles.outOfOfficeBusy, state.outOfOffice && state.status === 'away' && styles.statusAway, state.outOfOffice && state.status === 'offline' && styles.statusOffline, state.outOfOffice && state.status === 'out-of-office' && styles.statusOutOfOffice, state.outOfOffice && state.status === 'unknown' && styles.outOfOfficeUnknown, state.size === 'tiny' && styles.tiny, state.size === 'large' && styles.large, state.size === 'extra-large' && styles.extraLarge, state.root.className);
+    if (state.icon) {
+        state.icon.className = (0, _react.mergeClasses)(presenceBadgeClassNames.icon, state.icon.className);
+    }
+    return state;
+}; //# sourceMappingURL=usePresenceBadgeStyles.js.map
+
 //# sourceMappingURL=usePresenceBadgeStyles.js.map

package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js.map

@@ -1 +1 @@
-{"version":3,"names":["react_1","require","react_theme_1","exports","presenceBadgeClassNames","root","icon","getIsBusy","status","useRootClassName","__resetStyles","useStyles","__styles","statusBusy","sj55zd","statusAway","statusAvailable","statusOffline","statusOutOfOffice","statusUnknown","outOfOffice","outOfOfficeAvailable","outOfOfficeBusy","outOfOfficeUnknown","tiny","Bubjx69","a9b677","B5pe6w7","p4uzdd","large","extraLarge","d","usePresenceBadgeStyles_unstable","state","rootClassName","styles","isBusy","className","mergeClasses","size"],"sources":["../src/packages/react-components/react-badge/src/components/PresenceBadge/usePresenceBadgeStyles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { BadgeSlots } from '../Badge/Badge.types';\nimport type { PresenceBadgeState, PresenceBadgeStatus } from './PresenceBadge.types';\n\nexport const presenceBadgeClassNames: SlotClassNames<BadgeSlots> = {\n  root: 'fui-PresenceBadge',\n  icon: 'fui-PresenceBadge__icon',\n};\n\nconst getIsBusy = (status: PresenceBadgeStatus): boolean => {\n  if (status === 'busy' || status === 'do-not-disturb' || status === 'blocked') {\n    return true;\n  }\n\n  return false;\n};\n\nconst useRootClassName = makeResetStyles({\n  padding: 0,\n  display: 'inline-flex',\n  boxSizing: 'border-box',\n  alignItems: 'center',\n  justifyContent: 'center',\n\n  '& span': {\n    display: 'flex',\n  },\n  borderRadius: tokens.borderRadiusCircular,\n  backgroundColor: tokens.colorNeutralBackground1,\n});\n\nconst useStyles = makeStyles({\n  statusBusy: {\n    color: tokens.colorPaletteRedBackground3,\n  },\n  statusAway: {\n    color: tokens.colorPaletteMarigoldBackground3,\n  },\n  statusAvailable: {\n    color: tokens.colorPaletteLightGreenForeground3,\n  },\n  statusOffline: {\n    color: tokens.colorNeutralForeground3,\n  },\n  statusOutOfOffice: {\n    color: tokens.colorPaletteBerryForeground3,\n  },\n  statusUnknown: {\n    color: tokens.colorNeutralForeground3,\n  },\n  outOfOffice: {\n    color: tokens.colorNeutralBackground1,\n  },\n  outOfOfficeAvailable: {\n    color: tokens.colorPaletteLightGreenForeground3,\n  },\n  outOfOfficeBusy: {\n    color: tokens.colorPaletteRedBackground3,\n  },\n  outOfOfficeUnknown: {\n    color: tokens.colorNeutralForeground3,\n  },\n\n  // Icons are not resizeable, and these sizes are currently missing\n  // use `!important` to size the currently available icons to the missing ones\n  //\n  tiny: {\n    aspectRatio: '1',\n    width: '6px',\n    '& svg': {\n      width: '6px !important',\n      height: '6px !important',\n    },\n  },\n  large: {\n    aspectRatio: '1',\n    width: '20px',\n    '& svg': {\n      width: '20px !important',\n      height: '20px !important',\n    },\n  },\n  extraLarge: {\n    aspectRatio: '1',\n    width: '28px',\n    '& svg': {\n      width: '28px !important',\n      height: '28px !important',\n    },\n  },\n});\n\n/**\n * Applies style classnames to slots\n */\nexport const usePresenceBadgeStyles_unstable = (state: PresenceBadgeState): PresenceBadgeState => {\n  const rootClassName = useRootClassName();\n  const styles = useStyles();\n  const isBusy = getIsBusy(state.status);\n  state.root.className = mergeClasses(\n    presenceBadgeClassNames.root,\n    rootClassName,\n    isBusy && styles.statusBusy,\n    state.status === 'away' && styles.statusAway,\n    state.status === 'available' && styles.statusAvailable,\n    state.status === 'offline' && styles.statusOffline,\n    state.status === 'out-of-office' && styles.statusOutOfOffice,\n    state.status === 'unknown' && styles.statusUnknown,\n    state.outOfOffice && styles.outOfOffice,\n    state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable,\n    state.outOfOffice && isBusy && styles.outOfOfficeBusy,\n    state.outOfOffice && state.status === 'away' && styles.statusOutOfOffice,\n    state.outOfOffice && state.status === 'offline' && styles.statusOffline,\n    state.outOfOffice && state.status === 'out-of-office' && styles.statusOutOfOffice,\n    state.outOfOffice && state.status === 'unknown' && styles.outOfOfficeUnknown,\n    state.size === 'tiny' && styles.tiny,\n    state.size === 'large' && styles.large,\n    state.size === 'extra-large' && styles.extraLarge,\n    state.root.className,\n  );\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(presenceBadgeClassNames.icon, state.icon.className);\n  }\n\n  return state;\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../lib/components/PresenceBadge/usePresenceBadgeStyles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const presenceBadgeClassNames = {\n  root: 'fui-PresenceBadge',\n  icon: 'fui-PresenceBadge__icon'\n};\nconst getIsBusy = status => {\n  if (status === 'busy' || status === 'do-not-disturb' || status === 'blocked') {\n    return true;\n  }\n  return false;\n};\nconst useRootClassName = /*#__PURE__*/__resetStyles(\"r11sysef\", null, [\".r11sysef{padding:0;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;border-radius:var(--borderRadiusCircular);background-color:var(--colorNeutralBackground1);}\", \".r11sysef span{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\"]);\nconst useStyles = /*#__PURE__*/__styles({\n  statusBusy: {\n    sj55zd: \"fvi85wt\"\n  },\n  statusAway: {\n    sj55zd: \"f14k8a89\"\n  },\n  statusAvailable: {\n    sj55zd: \"fqa5hgp\"\n  },\n  statusOffline: {\n    sj55zd: \"f11d4kpn\"\n  },\n  statusOutOfOffice: {\n    sj55zd: \"fdce8r3\"\n  },\n  statusUnknown: {\n    sj55zd: \"f11d4kpn\"\n  },\n  outOfOffice: {\n    sj55zd: \"fr0bkrk\"\n  },\n  outOfOfficeAvailable: {\n    sj55zd: \"fqa5hgp\"\n  },\n  outOfOfficeBusy: {\n    sj55zd: \"fvi85wt\"\n  },\n  outOfOfficeUnknown: {\n    sj55zd: \"f11d4kpn\"\n  },\n  tiny: {\n    Bubjx69: \"f9ikmtg\",\n    a9b677: \"f16dn6v3\",\n    B5pe6w7: \"fab5kbq\",\n    p4uzdd: \"f1ms1d91\"\n  },\n  large: {\n    Bubjx69: \"f9ikmtg\",\n    a9b677: \"f64fuq3\",\n    B5pe6w7: \"f1vfi1yj\",\n    p4uzdd: \"f15s34gz\"\n  },\n  extraLarge: {\n    Bubjx69: \"f9ikmtg\",\n    a9b677: \"f1w9dchk\",\n    B5pe6w7: \"f14efy9b\",\n    p4uzdd: \"fhipgdu\"\n  }\n}, {\n  d: [\".fvi85wt{color:var(--colorPaletteRedBackground3);}\", \".f14k8a89{color:var(--colorPaletteMarigoldBackground3);}\", \".fqa5hgp{color:var(--colorPaletteLightGreenForeground3);}\", \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".fdce8r3{color:var(--colorPaletteBerryForeground3);}\", \".fr0bkrk{color:var(--colorNeutralBackground1);}\", \".f9ikmtg{aspect-ratio:1;}\", \".f16dn6v3{width:6px;}\", \".fab5kbq svg{width:6px!important;}\", \".f1ms1d91 svg{height:6px!important;}\", \".f64fuq3{width:20px;}\", \".f1vfi1yj svg{width:20px!important;}\", \".f15s34gz svg{height:20px!important;}\", \".f1w9dchk{width:28px;}\", \".f14efy9b svg{width:28px!important;}\", \".fhipgdu svg{height:28px!important;}\"]\n});\n/**\n * Applies style classnames to slots\n */\nexport const usePresenceBadgeStyles_unstable = state => {\n  const rootClassName = useRootClassName();\n  const styles = useStyles();\n  const isBusy = getIsBusy(state.status);\n  state.root.className = mergeClasses(presenceBadgeClassNames.root, rootClassName, isBusy && styles.statusBusy, state.status === 'away' && styles.statusAway, state.status === 'available' && styles.statusAvailable, state.status === 'offline' && styles.statusOffline, state.status === 'out-of-office' && styles.statusOutOfOffice, state.status === 'unknown' && styles.statusUnknown, state.outOfOffice && styles.outOfOffice, state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable, state.outOfOffice && isBusy && styles.outOfOfficeBusy, state.outOfOffice && state.status === 'away' && styles.statusAway, state.outOfOffice && state.status === 'offline' && styles.statusOffline, state.outOfOffice && state.status === 'out-of-office' && styles.statusOutOfOffice, state.outOfOffice && state.status === 'unknown' && styles.outOfOfficeUnknown, state.size === 'tiny' && styles.tiny, state.size === 'large' && styles.large, state.size === 'extra-large' && styles.extraLarge, state.root.className);\n  if (state.icon) {\n    state.icon.className = mergeClasses(presenceBadgeClassNames.icon, state.icon.className);\n  }\n  return state;\n};\n//# sourceMappingURL=usePresenceBadgeStyles.js.map"],"names":["presenceBadgeClassNames","usePresenceBadgeStyles_unstable","root","icon","getIsBusy","status","useRootClassName","__resetStyles","useStyles","__styles","statusBusy","sj55zd","statusAway","statusAvailable","statusOffline","statusOutOfOffice","statusUnknown","outOfOffice","outOfOfficeAvailable","outOfOfficeBusy","outOfOfficeUnknown","tiny","Bubjx69","a9b677","B5pe6w7","p4uzdd","large","extraLarge","d","state","rootClassName","styles","isBusy","className","mergeClasses","size"],"mappings":"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"}

package/lib-commonjs/index.js

@@ -1,88 +1,31 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useCounterBadge_unstable = exports.useCounterBadgeStyles_unstable = exports.counterBadgeClassNames = exports.CounterBadge = exports.usePresenceBadge_unstable = exports.usePresenceBadgeStyles_unstable = exports.presenceBadgeClassNames = exports.PresenceBadge = exports.useBadge_unstable = exports.useBadgeStyles_unstable = exports.renderBadge_unstable = exports.badgeClassNames = exports.Badge = void 0;
-var Badge_1 = /*#__PURE__*/require("./Badge");
-Object.defineProperty(exports, "Badge", {
-  enumerable: true,
-  get: function () {
-    return Badge_1.Badge;
-  }
-});
-Object.defineProperty(exports, "badgeClassNames", {
-  enumerable: true,
-  get: function () {
-    return Badge_1.badgeClassNames;
-  }
-});
-Object.defineProperty(exports, "renderBadge_unstable", {
-  enumerable: true,
-  get: function () {
-    return Badge_1.renderBadge_unstable;
-  }
-});
-Object.defineProperty(exports, "useBadgeStyles_unstable", {
-  enumerable: true,
-  get: function () {
-    return Badge_1.useBadgeStyles_unstable;
-  }
-});
-Object.defineProperty(exports, "useBadge_unstable", {
-  enumerable: true,
-  get: function () {
-    return Badge_1.useBadge_unstable;
-  }
-});
-var PresenceBadge_1 = /*#__PURE__*/require("./PresenceBadge");
-Object.defineProperty(exports, "PresenceBadge", {
-  enumerable: true,
-  get: function () {
-    return PresenceBadge_1.PresenceBadge;
-  }
-});
-Object.defineProperty(exports, "presenceBadgeClassNames", {
-  enumerable: true,
-  get: function () {
-    return PresenceBadge_1.presenceBadgeClassNames;
-  }
-});
-Object.defineProperty(exports, "usePresenceBadgeStyles_unstable", {
-  enumerable: true,
-  get: function () {
-    return PresenceBadge_1.usePresenceBadgeStyles_unstable;
-  }
-});
-Object.defineProperty(exports, "usePresenceBadge_unstable", {
-  enumerable: true,
-  get: function () {
-    return PresenceBadge_1.usePresenceBadge_unstable;
-  }
-});
-var CounterBadge_1 = /*#__PURE__*/require("./CounterBadge");
-Object.defineProperty(exports, "CounterBadge", {
-  enumerable: true,
-  get: function () {
-    return CounterBadge_1.CounterBadge;
-  }
-});
-Object.defineProperty(exports, "counterBadgeClassNames", {
-  enumerable: true,
-  get: function () {
-    return CounterBadge_1.counterBadgeClassNames;
-  }
-});
-Object.defineProperty(exports, "useCounterBadgeStyles_unstable", {
-  enumerable: true,
-  get: function () {
-    return CounterBadge_1.useCounterBadgeStyles_unstable;
-  }
-});
-Object.defineProperty(exports, "useCounterBadge_unstable", {
-  enumerable: true,
-  get: function () {
-    return CounterBadge_1.useCounterBadge_unstable;
-  }
-});
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Badge: ()=>_badge.Badge,
+    badgeClassNames: ()=>_badge.badgeClassNames,
+    renderBadge_unstable: ()=>_badge.renderBadge_unstable,
+    useBadgeStyles_unstable: ()=>_badge.useBadgeStyles_unstable,
+    useBadge_unstable: ()=>_badge.useBadge_unstable,
+    PresenceBadge: ()=>_presenceBadge.PresenceBadge,
+    presenceBadgeClassNames: ()=>_presenceBadge.presenceBadgeClassNames,
+    usePresenceBadgeStyles_unstable: ()=>_presenceBadge.usePresenceBadgeStyles_unstable,
+    usePresenceBadge_unstable: ()=>_presenceBadge.usePresenceBadge_unstable,
+    CounterBadge: ()=>_counterBadge.CounterBadge,
+    counterBadgeClassNames: ()=>_counterBadge.counterBadgeClassNames,
+    useCounterBadgeStyles_unstable: ()=>_counterBadge.useCounterBadgeStyles_unstable,
+    useCounterBadge_unstable: ()=>_counterBadge.useCounterBadge_unstable
+});
+const _badge = require("./Badge");
+const _presenceBadge = require("./PresenceBadge");
+const _counterBadge = require("./CounterBadge");
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Badge_1","require","Object","defineProperty","exports","enumerable","get","Badge","badgeClassNames","renderBadge_unstable","useBadgeStyles_unstable","useBadge_unstable","PresenceBadge_1","PresenceBadge","presenceBadgeClassNames","usePresenceBadgeStyles_unstable","usePresenceBadge_unstable","CounterBadge_1","CounterBadge","counterBadgeClassNames","useCounterBadgeStyles_unstable","useCounterBadge_unstable"],"sources":["../src/packages/react-components/react-badge/src/index.ts"],"sourcesContent":["export { Badge, badgeClassNames, renderBadge_unstable, useBadgeStyles_unstable, useBadge_unstable } from './Badge';\nexport type { BadgeProps, BadgeSlots, BadgeState } from './Badge';\nexport {\n  PresenceBadge,\n  presenceBadgeClassNames,\n  usePresenceBadgeStyles_unstable,\n  usePresenceBadge_unstable,\n} from './PresenceBadge';\nexport type { PresenceBadgeProps, PresenceBadgeState, PresenceBadgeStatus } from './PresenceBadge';\nexport {\n  CounterBadge,\n  counterBadgeClassNames,\n  useCounterBadgeStyles_unstable,\n  useCounterBadge_unstable,\n} from './CounterBadge';\nexport type { CounterBadgeProps, CounterBadgeState } from './CounterBadge';\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,gBAAAC,OAAA;AAASC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,OAAA,CAAAO,KAAK;EAAA;AAAA;AAAEL,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,OAAA,CAAAQ,eAAe;EAAA;AAAA;AAAEN,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,OAAA,CAAAS,oBAAoB;EAAA;AAAA;AAAEP,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,OAAA,CAAAU,uBAAuB;EAAA;AAAA;AAAER,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAN,OAAA,CAAAW,iBAAiB;EAAA;AAAA;AAEjG,IAAAC,eAAA,gBAAAX,OAAA;AACEC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAM,eAAA,CAAAC,aAAa;EAAA;AAAA;AACbX,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAM,eAAA,CAAAE,uBAAuB;EAAA;AAAA;AACvBZ,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAM,eAAA,CAAAG,+BAA+B;EAAA;AAAA;AAC/Bb,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAM,eAAA,CAAAI,yBAAyB;EAAA;AAAA;AAG3B,IAAAC,cAAA,gBAAAhB,OAAA;AACEC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAW,cAAA,CAAAC,YAAY;EAAA;AAAA;AACZhB,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAW,cAAA,CAAAE,sBAAsB;EAAA;AAAA;AACtBjB,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAW,cAAA,CAAAG,8BAA8B;EAAA;AAAA;AAC9BlB,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,UAAA;EAAAC,GAAA,WAAAA,CAAA;IAAA,OAAAW,cAAA,CAAAI,wBAAwB;EAAA;AAAA"}
+{"version":3,"sources":["../lib/index.js"],"sourcesContent":["export { Badge, badgeClassNames, renderBadge_unstable, useBadgeStyles_unstable, useBadge_unstable } from './Badge';\nexport { PresenceBadge, presenceBadgeClassNames, usePresenceBadgeStyles_unstable, usePresenceBadge_unstable } from './PresenceBadge';\nexport { CounterBadge, counterBadgeClassNames, useCounterBadgeStyles_unstable, useCounterBadge_unstable } from './CounterBadge';\n//# sourceMappingURL=index.js.map"],"names":["Badge","badgeClassNames","renderBadge_unstable","useBadgeStyles_unstable","useBadge_unstable","PresenceBadge","presenceBadgeClassNames","usePresenceBadgeStyles_unstable","usePresenceBadge_unstable","CounterBadge","counterBadgeClassNames","useCounterBadgeStyles_unstable","useCounterBadge_unstable"],"mappings":";;;;;;;;;;;IAASA,KAAK,MAALA,YAAK;IAAEC,eAAe,MAAfA,sBAAe;IAAEC,oBAAoB,MAApBA,2BAAoB;IAAEC,uBAAuB,MAAvBA,8BAAuB;IAAEC,iBAAiB,MAAjBA,wBAAiB;IACxFC,aAAa,MAAbA,4BAAa;IAAEC,uBAAuB,MAAvBA,sCAAuB;IAAEC,+BAA+B,MAA/BA,8CAA+B;IAAEC,yBAAyB,MAAzBA,wCAAyB;IAClGC,YAAY,MAAZA,0BAAY;IAAEC,sBAAsB,MAAtBA,oCAAsB;IAAEC,8BAA8B,MAA9BA,4CAA8B;IAAEC,wBAAwB,MAAxBA,sCAAwB;;uBAFE;+BACU;8BACJ;CAC/G,iCAAiC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-badge",
-  "version": "9.1.4",
+  "version": "9.1.6",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -22,22 +22,22 @@
     "test": "jest --passWithNoTests",
     "storybook": "start-storybook",
     "type-check": "tsc -b tsconfig.json",
-    "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+    "generate-api": "just-scripts generate-api"
   },
   "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-shared-contexts": "^9.3.1",
-    "@fluentui/react-theme": "^9.1.6",
-    "@fluentui/react-utilities": "^9.7.1",
+    "@fluentui/react-icons": "^2.0.196",
+    "@fluentui/react-shared-contexts": "^9.3.3",
+    "@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",
@@ -54,6 +54,7 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
+      "node": "./lib-commonjs/index.js",
       "import": "./lib/index.js",
       "require": "./lib-commonjs/index.js"
     },

package/lib-amd/Badge.js

@@ -1,6 +0,0 @@
-define(["require", "exports", "tslib", "./components/Badge/index"], function (require, exports, tslib_1, index_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(index_1, exports);
-});
-//# sourceMappingURL=Badge.js.map

package/lib-amd/Badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-badge/src/Badge.ts"],"names":[],"mappings":";;;IAAA,uCAAyC","sourcesContent":["export * from './components/Badge/index';\n"]}

package/lib-amd/CounterBadge.js

@@ -1,6 +0,0 @@
-define(["require", "exports", "tslib", "./components/CounterBadge/index"], function (require, exports, tslib_1, index_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(index_1, exports);
-});
-//# sourceMappingURL=CounterBadge.js.map

package/lib-amd/CounterBadge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CounterBadge.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-badge/src/CounterBadge.ts"],"names":[],"mappings":";;;IAAA,uCAAgD","sourcesContent":["export * from './components/CounterBadge/index';\n"]}

package/lib-amd/PresenceBadge.js

@@ -1,6 +0,0 @@
-define(["require", "exports", "tslib", "./components/PresenceBadge/index"], function (require, exports, tslib_1, index_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(index_1, exports);
-});
-//# sourceMappingURL=PresenceBadge.js.map

package/lib-amd/PresenceBadge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PresenceBadge.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-badge/src/PresenceBadge.ts"],"names":[],"mappings":";;;IAAA,uCAAiD","sourcesContent":["export * from './components/PresenceBadge/index';\n"]}

package/lib-amd/components/Badge/Badge.js

@@ -1,17 +0,0 @@
-define(["require", "exports", "react", "./useBadge", "./useBadgeStyles", "@fluentui/react-shared-contexts", "./renderBadge"], function (require, exports, React, useBadge_1, useBadgeStyles_1, react_shared_contexts_1, renderBadge_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.Badge = void 0;
-    /**
-     * Define a styled Badge, using the `useBadge_unstable` hook.
-     */
-    exports.Badge = React.forwardRef(function (props, ref) {
-        var state = useBadge_1.useBadge_unstable(props, ref);
-        useBadgeStyles_1.useBadgeStyles_unstable(state);
-        var useCustomStyles = react_shared_contexts_1.useCustomStyleHooks_unstable().useBadgeStyles_unstable;
-        useCustomStyles(state);
-        return renderBadge_1.renderBadge_unstable(state);
-    });
-    exports.Badge.displayName = 'Badge';
-});
-//# sourceMappingURL=Badge.js.map

package/lib-amd/components/Badge/Badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-badge/src/components/Badge/Badge.tsx"],"names":[],"mappings":";;;;IAQA;;OAEG;IACU,QAAA,KAAK,GAAoC,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QAChF,IAAM,KAAK,GAAG,4BAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAE5C,wCAAuB,CAAC,KAAK,CAAC,CAAC;QAEvB,IAAyB,eAAe,GAAK,oDAA4B,EAAE,wBAAnC,CAAoC;QACpF,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,OAAO,kCAAoB,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC","sourcesContent":["import * as React from 'react';\nimport { useBadge_unstable } from './useBadge';\nimport { useBadgeStyles_unstable } from './useBadgeStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\nimport { renderBadge_unstable } from './renderBadge';\nimport type { BadgeProps } from './Badge.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled Badge, using the `useBadge_unstable` hook.\n */\nexport const Badge: ForwardRefComponent<BadgeProps> = React.forwardRef((props, ref) => {\n  const state = useBadge_unstable(props, ref);\n\n  useBadgeStyles_unstable(state);\n\n  const { useBadgeStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderBadge_unstable(state);\n});\n\nBadge.displayName = 'Badge';\n"]}

package/lib-amd/components/Badge/Badge.types.js

@@ -1,5 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});
-//# sourceMappingURL=Badge.types.js.map

package/lib-amd/components/Badge/Badge.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-badge/src/components/Badge/Badge.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type BadgeSlots = {\n  root: Slot<'div'>;\n  icon?: Slot<'span'>;\n};\n\n// react has a non-standard `color` attribute in its types\n// https://github.com/DefinitelyTyped/DefinitelyTyped/blob/a4ab0fa432320e70da9e51c8ae2e47377f65804b/types/react/index.d.ts#L1868\nexport type BadgeProps = Omit<ComponentProps<BadgeSlots>, 'color'> & {\n  /**\n   * A Badge can be filled, outline, ghost, inverted\n   * @defaultvalue filled\n   */\n  appearance?: 'filled' | 'ghost' | 'outline' | 'tint';\n\n  /**\n   * A Badge can be one of preset colors\n   * @defaultvalue brand\n   */\n  color?: 'brand' | 'danger' | 'important' | 'informative' | 'severe' | 'subtle' | 'success' | 'warning';\n\n  /**\n   * A Badge can position the icon before or after the content.\n   * @defaultvalue before\n   */\n  iconPosition?: 'before' | 'after';\n\n  /**\n   * A Badge can be square, circular or rounded.\n   * @defaultvalue circular\n   */\n  shape?: 'circular' | 'rounded' | 'square';\n\n  /**\n   * A Badge can be on of several preset sizes.\n   * @defaultvalue medium\n   */\n  size?: 'tiny' | 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';\n};\n\nexport type BadgeState = ComponentState<BadgeSlots> &\n  Required<Pick<BadgeProps, 'appearance' | 'color' | 'iconPosition' | 'shape' | 'size'>>;\n"]}

package/lib-amd/components/Badge/index.js

@@ -1,9 +0,0 @@
-define(["require", "exports", "tslib", "./Badge", "./renderBadge", "./useBadge", "./useBadgeStyles"], function (require, exports, tslib_1, Badge_1, renderBadge_1, useBadge_1, useBadgeStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(Badge_1, exports);
-    tslib_1.__exportStar(renderBadge_1, exports);
-    tslib_1.__exportStar(useBadge_1, exports);
-    tslib_1.__exportStar(useBadgeStyles_1, exports);
-});
-//# sourceMappingURL=index.js.map

package/lib-amd/components/Badge/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-badge/src/components/Badge/index.ts"],"names":[],"mappings":";;;IAAA,uCAAwB;IAGxB,6CAA8B;IAC9B,0CAA2B;IAC3B,gDAAiC","sourcesContent":["export * from './Badge';\n// Explicit exports to omit BadgeCommons\nexport type { BadgeProps, BadgeSlots, BadgeState } from './Badge.types';\nexport * from './renderBadge';\nexport * from './useBadge';\nexport * from './useBadgeStyles';\n"]}

package/lib-amd/components/Badge/renderBadge.js

@@ -1,14 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react-utilities"], function (require, exports, tslib_1, React, react_utilities_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.renderBadge_unstable = void 0;
-    var renderBadge_unstable = function (state) {
-        var _a = react_utilities_1.getSlots(state), slots = _a.slots, slotProps = _a.slotProps;
-        return (React.createElement(slots.root, tslib_1.__assign({}, slotProps.root),
-            state.iconPosition === 'before' && slots.icon && React.createElement(slots.icon, tslib_1.__assign({}, slotProps.icon)),
-            state.root.children,
-            state.iconPosition === 'after' && slots.icon && React.createElement(slots.icon, tslib_1.__assign({}, slotProps.icon))));
-    };
-    exports.renderBadge_unstable = renderBadge_unstable;
-});
-//# sourceMappingURL=renderBadge.js.map

package/lib-amd/components/Badge/renderBadge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderBadge.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-badge/src/components/Badge/renderBadge.tsx"],"names":[],"mappings":";;;;IAIO,IAAM,oBAAoB,GAAG,UAAC,KAAiB;QAC9C,IAAA,KAAuB,0BAAQ,CAAa,KAAK,CAAC,EAAhD,KAAK,WAAA,EAAE,SAAS,eAAgC,CAAC;QAEzD,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI;YAC3B,KAAK,CAAC,YAAY,KAAK,QAAQ,IAAI,KAAK,CAAC,IAAI,IAAI,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,EAAI;YACnF,KAAK,CAAC,IAAI,CAAC,QAAQ;YACnB,KAAK,CAAC,YAAY,KAAK,OAAO,IAAI,KAAK,CAAC,IAAI,IAAI,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,EAAI,CACxE,CACd,CAAC;IACJ,CAAC,CAAC;IAVW,QAAA,oBAAoB,wBAU/B","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { BadgeState, BadgeSlots } from './Badge.types';\n\nexport const renderBadge_unstable = (state: BadgeState) => {\n  const { slots, slotProps } = getSlots<BadgeSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      {state.iconPosition === 'before' && slots.icon && <slots.icon {...slotProps.icon} />}\n      {state.root.children}\n      {state.iconPosition === 'after' && slots.icon && <slots.icon {...slotProps.icon} />}\n    </slots.root>\n  );\n};\n"]}

package/lib-amd/components/Badge/useBadge.js

@@ -1,27 +0,0 @@
-define(["require", "exports", "tslib", "@fluentui/react-utilities"], function (require, exports, tslib_1, react_utilities_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useBadge_unstable = void 0;
-    /**
-     * Returns the props and state required to render the component
-     */
-    var useBadge_unstable = function (props, ref) {
-        var _a = props.shape, shape = _a === void 0 ? 'circular' : _a, _b = props.size, size = _b === void 0 ? 'medium' : _b, _c = props.iconPosition, iconPosition = _c === void 0 ? 'before' : _c, _d = props.appearance, appearance = _d === void 0 ? 'filled' : _d, _e = props.color, color = _e === void 0 ? 'brand' : _e;
-        var state = {
-            shape: shape,
-            size: size,
-            iconPosition: iconPosition,
-            appearance: appearance,
-            color: color,
-            components: {
-                root: 'div',
-                icon: 'span',
-            },
-            root: react_utilities_1.getNativeElementProps('div', tslib_1.__assign({ ref: ref }, props)),
-            icon: react_utilities_1.resolveShorthand(props.icon),
-        };
-        return state;
-    };
-    exports.useBadge_unstable = useBadge_unstable;
-});
-//# sourceMappingURL=useBadge.js.map

package/lib-amd/components/Badge/useBadge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBadge.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-badge/src/components/Badge/useBadge.ts"],"names":[],"mappings":";;;;IAIA;;OAEG;IACI,IAAM,iBAAiB,GAAG,UAAC,KAAiB,EAAE,GAA2B;QAE5E,IAAA,KAKE,KAAK,MALW,EAAlB,KAAK,mBAAG,UAAU,KAAA,EAClB,KAIE,KAAK,KAJQ,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,KAGE,KAAK,aAHgB,EAAvB,YAAY,mBAAG,QAAQ,KAAA,EACvB,KAEE,KAAK,WAFc,EAArB,UAAU,mBAAG,QAAQ,KAAA,EACrB,KACE,KAAK,MADQ,EAAf,KAAK,mBAAG,OAAO,KAAA,CACP;QAEV,IAAM,KAAK,GAAe;YACxB,KAAK,OAAA;YACL,IAAI,MAAA;YACJ,YAAY,cAAA;YACZ,UAAU,YAAA;YACV,KAAK,OAAA;YACL,UAAU,EAAE;gBACV,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,MAAM;aACb;YACD,IAAI,EAAE,uCAAqB,CAAC,KAAK,qBAC/B,GAAG,KAAA,IACA,KAAK,EACR;YACF,IAAI,EAAE,kCAAgB,CAAC,KAAK,CAAC,IAAI,CAAC;SACnC,CAAC;QAEF,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IA3BW,QAAA,iBAAiB,qBA2B5B","sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';\nimport type { BadgeProps, BadgeState } from './Badge.types';\n\n/**\n * Returns the props and state required to render the component\n */\nexport const useBadge_unstable = (props: BadgeProps, ref: React.Ref<HTMLElement>): BadgeState => {\n  const {\n    shape = 'circular',\n    size = 'medium',\n    iconPosition = 'before',\n    appearance = 'filled',\n    color = 'brand',\n  } = props;\n\n  const state: BadgeState = {\n    shape,\n    size,\n    iconPosition,\n    appearance,\n    color,\n    components: {\n      root: 'div',\n      icon: 'span',\n    },\n    root: getNativeElementProps('div', {\n      ref,\n      ...props,\n    }),\n    icon: resolveShorthand(props.icon),\n  };\n\n  return state;\n};\n"]}