@fluentui-copilot/react-response-count 0.0.0-nightly-20251010-0406-7df7c6d1.1 → 0.0.0-nightly-20251013-0406-7c7739c8.1

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui-copilot/react-response-count",
   "entries": [
     {
-      "date": "Fri, 10 Oct 2025 04:08:18 GMT",
-      "tag": "@fluentui-copilot/react-response-count_v0.0.0-nightly-20251010-0406-7df7c6d1.1",
-      "version": "0.0.0-nightly-20251010-0406-7df7c6d1.1",
+      "date": "Mon, 13 Oct 2025 04:14:18 GMT",
+      "tag": "@fluentui-copilot/react-response-count_v0.0.0-nightly-20251013-0406-7c7739c8.1",
+      "version": "0.0.0-nightly-20251013-0406-7c7739c8.1",
       "comments": {
         "prerelease": [
           {

package/CHANGELOG.md

@@ -1,13 +1,13 @@
 # Change Log - @fluentui-copilot/react-response-count
 
-This log was last generated on Fri, 10 Oct 2025 04:08:18 GMT and should not be manually modified.
+This log was last generated on Mon, 13 Oct 2025 04:14:18 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20251010-0406-7df7c6d1.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-response-count_v0.0.0-nightly-20251010-0406-7df7c6d1.1)
+## [0.0.0-nightly-20251013-0406-7c7739c8.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-response-count_v0.0.0-nightly-20251013-0406-7c7739c8.1)
 
-Fri, 10 Oct 2025 04:08:18 GMT 
-[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-response-count_v0.2.19..@fluentui-copilot/react-response-count_v0.0.0-nightly-20251010-0406-7df7c6d1.1)
+Mon, 13 Oct 2025 04:14:18 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-response-count_v0.2.19..@fluentui-copilot/react-response-count_v0.0.0-nightly-20251013-0406-7c7739c8.1)
 
 ### Changes
 

package/dist/index.d.ts

@@ -0,0 +1,51 @@
+import type { ComponentProps } from '@fluentui/react-components';
+import type { ComponentState } from '@fluentui/react-components';
+import type { ForwardRefComponent } from '@fluentui/react-components';
+import type { JSXElement } from '@fluentui/react-components';
+import type * as React_2 from 'react';
+import type { Slot } from '@fluentui/react-components';
+import type { SlotClassNames } from '@fluentui/react-components';
+
+/**
+ * Render the final JSX of ResponseCount
+ */
+export declare const renderResponseCount_unstable: (state: ResponseCountState) => JSXElement;
+
+export declare const ResponseCount: ForwardRefComponent<ResponseCountProps>;
+
+export declare const responseCountClassNames: SlotClassNames<ResponseCountSlots>;
+
+/**
+ * ResponseCount Props
+ */
+export declare type ResponseCountProps = ComponentProps<ResponseCountSlots> & {
+    status: 'success' | 'warning' | 'danger';
+};
+
+export declare type ResponseCountSlots = {
+    root: Slot<'span'>;
+    indicator?: Slot<'span'>;
+};
+
+/**
+ * State used in rendering ResponseCount
+ */
+export declare type ResponseCountState = ComponentState<ResponseCountSlots> & Required<Pick<ResponseCountProps, 'status'>> & {};
+
+/**
+ * Create the state required to render ResponseCount.
+ *
+ * The returned state can be modified with hooks such as useResponseCountStyles_unstable,
+ * before being passed to renderResponseCount_unstable.
+ *
+ * @param props - props from this instance of ResponseCount
+ * @param ref - reference to root HTMLElement of ResponseCount
+ */
+export declare const useResponseCount_unstable: (props: ResponseCountProps, ref: React_2.Ref<HTMLElement>) => ResponseCountState;
+
+/**
+ * Apply styling to the ResponseCount slots based on the state
+ */
+export declare const useResponseCountStyles_unstable: (state: ResponseCountState) => ResponseCountState;
+
+export { }

package/lib/ResponseCount.js

@@ -0,0 +1 @@
+export { ResponseCount, renderResponseCount_unstable, responseCountClassNames, useResponseCountStyles_unstable, useResponseCount_unstable } from './components/ResponseCount/index';

package/lib/ResponseCount.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ResponseCount.ts"],"sourcesContent":["export type { ResponseCountProps, ResponseCountSlots, ResponseCountState } from './components/ResponseCount/index';\nexport { ResponseCount, renderResponseCount_unstable, responseCountClassNames, useResponseCountStyles_unstable, useResponseCount_unstable } from './components/ResponseCount/index';\n"],"names":["ResponseCount","renderResponseCount_unstable","responseCountClassNames","useResponseCountStyles_unstable","useResponseCount_unstable"],"rangeMappings":"","mappings":"AACA,SAASA,aAAa,EAAEC,4BAA4B,EAAEC,uBAAuB,EAAEC,+BAA+B,EAAEC,yBAAyB,QAAQ,mCAAmC"}

package/lib/components/ResponseCount/ResponseCount.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { useResponseCount_unstable } from './useResponseCount';
+import { renderResponseCount_unstable } from './renderResponseCount';
+import { useResponseCountStyles_unstable } from './useResponseCountStyles.styles';
+// ResponseCount component - TODO: add more docs
+export const ResponseCount = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useResponseCount_unstable(props, ref);
+    useResponseCountStyles_unstable(state);
+    return renderResponseCount_unstable(state);
+});
+ResponseCount.displayName = 'ResponseCount';

package/lib/components/ResponseCount/ResponseCount.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ResponseCount.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useResponseCount_unstable } from './useResponseCount';\nimport { renderResponseCount_unstable } from './renderResponseCount';\nimport { useResponseCountStyles_unstable } from './useResponseCountStyles.styles';\nimport type { ResponseCountProps } from './ResponseCount.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\n// ResponseCount component - TODO: add more docs\nexport const ResponseCount: ForwardRefComponent<ResponseCountProps> = React.forwardRef((props, ref) => {\n  const state = useResponseCount_unstable(props, ref);\n\n  useResponseCountStyles_unstable(state);\n  return renderResponseCount_unstable(state);\n});\n\nResponseCount.displayName = 'ResponseCount';\n"],"names":["React","useResponseCount_unstable","renderResponseCount_unstable","useResponseCountStyles_unstable","ResponseCount","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,+BAA+B,QAAQ,kCAAkC;AAIlF,gDAAgD;AAChD,OAAO,MAAMC,8BAAyDJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQP,0BAA0BK,OAAOC;IAE/CJ,gCAAgCK;IAChC,OAAON,6BAA6BM;AACtC,GAAG;AAEHJ,cAAcK,WAAW,GAAG"}

package/lib/components/ResponseCount/ResponseCount.types.js

@@ -0,0 +1,3 @@
+/**
+ * State used in rendering ResponseCount
+ */ export { };

package/lib/components/ResponseCount/ResponseCount.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ResponseCount.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\n\nexport type ResponseCountSlots = {\n  root: Slot<'span'>;\n  indicator?: Slot<'span'>;\n};\n\n/**\n * ResponseCount Props\n */\nexport type ResponseCountProps = ComponentProps<ResponseCountSlots> & { status: 'success' | 'warning' | 'danger' };\n\n/**\n * State used in rendering ResponseCount\n */\nexport type ResponseCountState = ComponentState<ResponseCountSlots> & Required<Pick<ResponseCountProps, 'status'>> & {};\n"],"names":[],"rangeMappings":";;","mappings":"AAYA;;CAEC,GACD,WAAwH"}

package/lib/components/ResponseCount/index.js

@@ -0,0 +1,4 @@
+export { ResponseCount } from './ResponseCount';
+export { renderResponseCount_unstable } from './renderResponseCount';
+export { useResponseCount_unstable } from './useResponseCount';
+export { responseCountClassNames, useResponseCountStyles_unstable } from './useResponseCountStyles.styles';

package/lib/components/ResponseCount/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { ResponseCount } from './ResponseCount';\nexport type { ResponseCountProps, ResponseCountSlots, ResponseCountState } from './ResponseCount.types';\nexport { renderResponseCount_unstable } from './renderResponseCount';\nexport { useResponseCount_unstable } from './useResponseCount';\nexport { responseCountClassNames, useResponseCountStyles_unstable } from './useResponseCountStyles.styles';\n"],"names":["ResponseCount","renderResponseCount_unstable","useResponseCount_unstable","responseCountClassNames","useResponseCountStyles_unstable"],"rangeMappings":";;;","mappings":"AAAA,SAASA,aAAa,QAAQ,kBAAkB;AAEhD,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,uBAAuB,EAAEC,+BAA+B,QAAQ,kCAAkC"}

package/lib/components/ResponseCount/renderResponseCount.js

@@ -0,0 +1,13 @@
+  import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { assertSlots } from '@fluentui/react-components';
+/**
+ * Render the final JSX of ResponseCount
+ */ export const renderResponseCount_unstable = (state)=>{
+    assertSlots(state);
+    return /*#__PURE__*/ _jsxs(state.root, {
+        children: [
+            state.indicator && /*#__PURE__*/ _jsx(state.indicator, {}),
+            state.root.children
+        ]
+    });
+};

package/lib/components/ResponseCount/renderResponseCount.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderResponseCount.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { JSXElement } from '@fluentui/react-components';\nimport type { ResponseCountState, ResponseCountSlots } from './ResponseCount.types';\n\n/**\n * Render the final JSX of ResponseCount\n */\nexport const renderResponseCount_unstable = (state: ResponseCountState): JSXElement => {\n  assertSlots<ResponseCountSlots>(state);\n\n  return (\n    <state.root>\n      {state.indicator && <state.indicator />}\n      {state.root.children}\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderResponseCount_unstable","state","root","indicator","children"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,6BAA6B;AAIzD;;CAEC,GACD,OAAO,MAAMC,+BAA+B,CAACC;IAC3CF,YAAgCE;IAEhC,qBACE,MAACA,MAAMC,IAAI;;YACRD,MAAME,SAAS,kBAAI,KAACF,MAAME,SAAS;YACnCF,MAAMC,IAAI,CAACE,QAAQ;;;AAG1B,EAAE"}

package/lib/components/ResponseCount/useResponseCount.js

@@ -0,0 +1,30 @@
+import { getIntrinsicElementProps, slot } from '@fluentui/react-components';
+// If you add JSX to this file, be sure to change the file type to .tsx
+/**
+ * Create the state required to render ResponseCount.
+ *
+ * The returned state can be modified with hooks such as useResponseCountStyles_unstable,
+ * before being passed to renderResponseCount_unstable.
+ *
+ * @param props - props from this instance of ResponseCount
+ * @param ref - reference to root HTMLElement of ResponseCount
+ */ export const useResponseCount_unstable = (props, ref)=>{
+    const { status } = props;
+    return {
+        status,
+        components: {
+            root: 'span',
+            indicator: 'span'
+        },
+        root: slot.always(getIntrinsicElementProps('span', {
+            ref,
+            ...props
+        }), {
+            elementType: 'span'
+        }),
+        indicator: slot.optional(props.indicator, {
+            elementType: 'span',
+            renderByDefault: true
+        })
+    };
+};

package/lib/components/ResponseCount/useResponseCount.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useResponseCount.ts"],"sourcesContent":["import type * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-components';\nimport type { ResponseCountProps, ResponseCountState } from './ResponseCount.types';\n\n// If you add JSX to this file, be sure to change the file type to .tsx\n\n/**\n * Create the state required to render ResponseCount.\n *\n * The returned state can be modified with hooks such as useResponseCountStyles_unstable,\n * before being passed to renderResponseCount_unstable.\n *\n * @param props - props from this instance of ResponseCount\n * @param ref - reference to root HTMLElement of ResponseCount\n */\nexport const useResponseCount_unstable = (\n  props: ResponseCountProps,\n  ref: React.Ref<HTMLElement>,\n): ResponseCountState => {\n  const { status } = props;\n  return {\n    status,\n\n    components: {\n      root: 'span',\n      indicator: 'span',\n    },\n\n    root: slot.always(\n      getIntrinsicElementProps('span', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'span' },\n    ),\n    indicator: slot.optional(props.indicator, { elementType: 'span', renderByDefault: true }),\n  };\n};\n"],"names":["getIntrinsicElementProps","slot","useResponseCount_unstable","props","ref","status","components","root","indicator","always","elementType","optional","renderByDefault"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AACA,SAASA,wBAAwB,EAAEC,IAAI,QAAQ,6BAA6B;AAG5E,uEAAuE;AAEvE;;;;;;;;CAQC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC;IAEA,MAAM,EAAEC,MAAM,EAAE,GAAGF;IACnB,OAAO;QACLE;QAEAC,YAAY;YACVC,MAAM;YACNC,WAAW;QACb;QAEAD,MAAMN,KAAKQ,MAAM,CACfT,yBAAyB,QAAQ;YAC/BI;YACA,GAAGD,KAAK;QACV,IACA;YAAEO,aAAa;QAAO;QAExBF,WAAWP,KAAKU,QAAQ,CAACR,MAAMK,SAAS,EAAE;YAAEE,aAAa;YAAQE,iBAAiB;QAAK;IACzF;AACF,EAAE"}

package/lib/components/ResponseCount/useResponseCountStyles.styles.js

@@ -0,0 +1,63 @@
+import { __styles, mergeClasses } from '@fluentui/react-components';
+import { tokens, typographyStyles } from '@fluentui-copilot/tokens';
+export const responseCountClassNames = {
+  root: 'fai-ResponseCount',
+  indicator: 'fai-ResponseCount__indicator'
+};
+/**
+ * Styles for the root slot
+ */
+const useStyles = __styles({
+  root: {
+    mc9l5x: "ftuwxu6",
+    Beiy3e4: "f1063pyq",
+    Bt984gj: "f122n59",
+    i8kkvl: 0,
+    Belr9w4: 0,
+    rmohyg: "fkln5zr",
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "f13mqy1h",
+    Bhrd7zp: "figsok6",
+    Bg96gwp: "fwrc4pm",
+    sj55zd: "fxc4j92"
+  },
+  indicator: {
+    mc9l5x: "f14t3ns0",
+    a9b677: "f1o3cbw4",
+    Bqenvij: "f1x82gua",
+    Beyfa6y: 0,
+    Bbmb7ep: 0,
+    Btl43ni: 0,
+    B7oj6ja: 0,
+    Dimara: "f5q2cvs"
+  },
+  success: {
+    De3pzq: "f1l9zcvb"
+  },
+  warning: {
+    De3pzq: "f1w7p0oj"
+  },
+  danger: {
+    De3pzq: "fms76vi"
+  }
+}, {
+  d: [".ftuwxu6{display:inline-flex;}", ".f1063pyq{flex-direction:row;}", ".f122n59{align-items:center;}", [".fkln5zr{gap:var(--spacingHorizontalXS);}", {
+    p: -1
+  }], ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".fxc4j92{color:var(--colorNeutralForeground4);}", ".f14t3ns0{display:inline-block;}", ".f1o3cbw4{width:8px;}", ".f1x82gua{height:8px;}", [".f5q2cvs{border-radius:50%;}", {
+    p: -1
+  }], ".f1l9zcvb{background-color:var(--colorStatusSuccessForeground3);}", ".f1w7p0oj{background-color:var(--colorStatusWarningForeground2);}", ".fms76vi{background-color:var(--colorStatusDangerForeground3);}"]
+});
+/**
+ * Apply styling to the ResponseCount slots based on the state
+ */
+export const useResponseCountStyles_unstable = state => {
+  'use no memo';
+
+  const styles = useStyles();
+  state.root.className = mergeClasses(responseCountClassNames.root, styles.root, state.root.className);
+  if (state.indicator) {
+    state.indicator.className = mergeClasses(responseCountClassNames.indicator, styles.indicator, styles[state.status], state.indicator.className);
+  }
+  return state;
+};
+//# sourceMappingURL=useResponseCountStyles.styles.js.map

package/lib/components/ResponseCount/useResponseCountStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useResponseCountStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens, typographyStyles } from '@fluentui-copilot/tokens';\nimport type { ResponseCountSlots, ResponseCountState } from './ResponseCount.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const responseCountClassNames: SlotClassNames<ResponseCountSlots> = {\n  root: 'fai-ResponseCount',\n  indicator: 'fai-ResponseCount__indicator',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'inline-flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: tokens.spacingHorizontalXS,\n    ...typographyStyles.caption2,\n    color: tokens.colorNeutralForeground4,\n  },\n  indicator: {\n    display: 'inline-block',\n    width: '8px',\n    height: '8px',\n    borderRadius: '50%',\n  },\n  success: {\n    backgroundColor: tokens.colorStatusSuccessForeground3,\n  },\n  warning: {\n    backgroundColor: tokens.colorStatusWarningForeground2,\n  },\n  danger: {\n    backgroundColor: tokens.colorStatusDangerForeground3,\n  },\n});\n\n/**\n * Apply styling to the ResponseCount slots based on the state\n */\nexport const useResponseCountStyles_unstable = (state: ResponseCountState): ResponseCountState => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(responseCountClassNames.root, styles.root, state.root.className);\n\n  if (state.indicator) {\n    state.indicator.className = mergeClasses(\n      responseCountClassNames.indicator,\n      styles.indicator,\n      styles[state.status],\n      state.indicator.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","responseCountClassNames","root","indicator","useStyles","display","flexDirection","alignItems","gap","spacingHorizontalXS","caption2","color","colorNeutralForeground4","width","height","borderRadius","success","backgroundColor","colorStatusSuccessForeground3","warning","colorStatusWarningForeground2","danger","colorStatusDangerForeground3","useResponseCountStyles_unstable","state","styles","className","status"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,QAAQ,6BAA6B;AACtE,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,2BAA2B;AAIpE,OAAO,MAAMC,0BAA8D;IACzEC,MAAM;IACNC,WAAW;AACb,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYP,WAAW;IAC3BK,MAAM;QACJG,SAAS;QACTC,eAAe;QACfC,YAAY;QACZC,KAAKT,OAAOU,mBAAmB;QAC/B,GAAGT,iBAAiBU,QAAQ;QAC5BC,OAAOZ,OAAOa,uBAAuB;IACvC;IACAT,WAAW;QACTE,SAAS;QACTQ,OAAO;QACPC,QAAQ;QACRC,cAAc;IAChB;IACAC,SAAS;QACPC,iBAAiBlB,OAAOmB,6BAA6B;IACvD;IACAC,SAAS;QACPF,iBAAiBlB,OAAOqB,6BAA6B;IACvD;IACAC,QAAQ;QACNJ,iBAAiBlB,OAAOuB,4BAA4B;IACtD;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,kCAAkC,CAACC;IAC9C;IAEA,MAAMC,SAASrB;IACfoB,MAAMtB,IAAI,CAACwB,SAAS,GAAG5B,aAAaG,wBAAwBC,IAAI,EAAEuB,OAAOvB,IAAI,EAAEsB,MAAMtB,IAAI,CAACwB,SAAS;IAEnG,IAAIF,MAAMrB,SAAS,EAAE;QACnBqB,MAAMrB,SAAS,CAACuB,SAAS,GAAG5B,aAC1BG,wBAAwBE,SAAS,EACjCsB,OAAOtB,SAAS,EAChBsB,MAAM,CAACD,MAAMG,MAAM,CAAC,EACpBH,MAAMrB,SAAS,CAACuB,SAAS;IAE7B;IAEA,OAAOF;AACT,EAAE"}

package/lib/components/ResponseCount/useResponseCountStyles.styles.raw.js

@@ -0,0 +1,44 @@
+import { makeStyles, mergeClasses } from '@fluentui/react-components';
+import { tokens, typographyStyles } from '@fluentui-copilot/tokens';
+export const responseCountClassNames = {
+    root: 'fai-ResponseCount',
+    indicator: 'fai-ResponseCount__indicator'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = makeStyles({
+    root: {
+        display: 'inline-flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: tokens.spacingHorizontalXS,
+        ...typographyStyles.caption2,
+        color: tokens.colorNeutralForeground4
+    },
+    indicator: {
+        display: 'inline-block',
+        width: '8px',
+        height: '8px',
+        borderRadius: '50%'
+    },
+    success: {
+        backgroundColor: tokens.colorStatusSuccessForeground3
+    },
+    warning: {
+        backgroundColor: tokens.colorStatusWarningForeground2
+    },
+    danger: {
+        backgroundColor: tokens.colorStatusDangerForeground3
+    }
+});
+/**
+ * Apply styling to the ResponseCount slots based on the state
+ */ export const useResponseCountStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = mergeClasses(responseCountClassNames.root, styles.root, state.root.className);
+    if (state.indicator) {
+        state.indicator.className = mergeClasses(responseCountClassNames.indicator, styles.indicator, styles[state.status], state.indicator.className);
+    }
+    return state;
+};

package/lib/components/ResponseCount/useResponseCountStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useResponseCountStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens, typographyStyles } from '@fluentui-copilot/tokens';\nimport type { ResponseCountSlots, ResponseCountState } from './ResponseCount.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const responseCountClassNames: SlotClassNames<ResponseCountSlots> = {\n  root: 'fai-ResponseCount',\n  indicator: 'fai-ResponseCount__indicator',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'inline-flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: tokens.spacingHorizontalXS,\n    ...typographyStyles.caption2,\n    color: tokens.colorNeutralForeground4,\n  },\n  indicator: {\n    display: 'inline-block',\n    width: '8px',\n    height: '8px',\n    borderRadius: '50%',\n  },\n  success: {\n    backgroundColor: tokens.colorStatusSuccessForeground3,\n  },\n  warning: {\n    backgroundColor: tokens.colorStatusWarningForeground2,\n  },\n  danger: {\n    backgroundColor: tokens.colorStatusDangerForeground3,\n  },\n});\n\n/**\n * Apply styling to the ResponseCount slots based on the state\n */\nexport const useResponseCountStyles_unstable = (state: ResponseCountState): ResponseCountState => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(responseCountClassNames.root, styles.root, state.root.className);\n\n  if (state.indicator) {\n    state.indicator.className = mergeClasses(\n      responseCountClassNames.indicator,\n      styles.indicator,\n      styles[state.status],\n      state.indicator.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","responseCountClassNames","root","indicator","useStyles","display","flexDirection","alignItems","gap","spacingHorizontalXS","caption2","color","colorNeutralForeground4","width","height","borderRadius","success","backgroundColor","colorStatusSuccessForeground3","warning","colorStatusWarningForeground2","danger","colorStatusDangerForeground3","useResponseCountStyles_unstable","state","styles","className","status"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,QAAQ,6BAA6B;AACtE,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,2BAA2B;AAIpE,OAAO,MAAMC,0BAA8D;IACzEC,MAAM;IACNC,WAAW;AACb,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYP,WAAW;IAC3BK,MAAM;QACJG,SAAS;QACTC,eAAe;QACfC,YAAY;QACZC,KAAKT,OAAOU,mBAAmB;QAC/B,GAAGT,iBAAiBU,QAAQ;QAC5BC,OAAOZ,OAAOa,uBAAuB;IACvC;IACAT,WAAW;QACTE,SAAS;QACTQ,OAAO;QACPC,QAAQ;QACRC,cAAc;IAChB;IACAC,SAAS;QACPC,iBAAiBlB,OAAOmB,6BAA6B;IACvD;IACAC,SAAS;QACPF,iBAAiBlB,OAAOqB,6BAA6B;IACvD;IACAC,QAAQ;QACNJ,iBAAiBlB,OAAOuB,4BAA4B;IACtD;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,kCAAkC,CAACC;IAC9C;IAEA,MAAMC,SAASrB;IACfoB,MAAMtB,IAAI,CAACwB,SAAS,GAAG5B,aAAaG,wBAAwBC,IAAI,EAAEuB,OAAOvB,IAAI,EAAEsB,MAAMtB,IAAI,CAACwB,SAAS;IAEnG,IAAIF,MAAMrB,SAAS,EAAE;QACnBqB,MAAMrB,SAAS,CAACuB,SAAS,GAAG5B,aAC1BG,wBAAwBE,SAAS,EACjCsB,OAAOtB,SAAS,EAChBsB,MAAM,CAACD,MAAMG,MAAM,CAAC,EACpBH,MAAMrB,SAAS,CAACuB,SAAS;IAE7B;IAEA,OAAOF;AACT,EAAE"}

package/lib/index.js

@@ -0,0 +1 @@
+export { ResponseCount, renderResponseCount_unstable, responseCountClassNames, useResponseCountStyles_unstable, useResponseCount_unstable } from './ResponseCount';

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export type { ResponseCountProps, ResponseCountSlots, ResponseCountState } from './ResponseCount';\nexport { ResponseCount, renderResponseCount_unstable, responseCountClassNames, useResponseCountStyles_unstable, useResponseCount_unstable } from './ResponseCount';\n"],"names":["ResponseCount","renderResponseCount_unstable","responseCountClassNames","useResponseCountStyles_unstable","useResponseCount_unstable"],"rangeMappings":"","mappings":"AACA,SAASA,aAAa,EAAEC,4BAA4B,EAAEC,uBAAuB,EAAEC,+BAA+B,EAAEC,yBAAyB,QAAQ,kBAAkB"}

package/lib-commonjs/ResponseCount.js

@@ -0,0 +1,28 @@
+"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, {
+    ResponseCount: function() {
+        return _index.ResponseCount;
+    },
+    renderResponseCount_unstable: function() {
+        return _index.renderResponseCount_unstable;
+    },
+    responseCountClassNames: function() {
+        return _index.responseCountClassNames;
+    },
+    useResponseCountStyles_unstable: function() {
+        return _index.useResponseCountStyles_unstable;
+    },
+    useResponseCount_unstable: function() {
+        return _index.useResponseCount_unstable;
+    }
+});
+const _index = require("./components/ResponseCount/index");

package/lib-commonjs/ResponseCount.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ResponseCount.ts"],"sourcesContent":["export type { ResponseCountProps, ResponseCountSlots, ResponseCountState } from './components/ResponseCount/index';\nexport { ResponseCount, renderResponseCount_unstable, responseCountClassNames, useResponseCountStyles_unstable, useResponseCount_unstable } from './components/ResponseCount/index';\n"],"names":["ResponseCount","renderResponseCount_unstable","responseCountClassNames","useResponseCountStyles_unstable","useResponseCount_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACSA,aAAa;eAAbA,oBAAa;;IAAEC,4BAA4B;eAA5BA,mCAA4B;;IAAEC,uBAAuB;eAAvBA,8BAAuB;;IAAEC,+BAA+B;eAA/BA,sCAA+B;;IAAEC,yBAAyB;eAAzBA,gCAAyB;;;uBAAQ"}

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ResponseCount", {
+    enumerable: true,
+    get: function() {
+        return ResponseCount;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useResponseCount = require("./useResponseCount");
+const _renderResponseCount = require("./renderResponseCount");
+const _useResponseCountStylesstyles = require("./useResponseCountStyles.styles");
+const ResponseCount = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useResponseCount.useResponseCount_unstable)(props, ref);
+    (0, _useResponseCountStylesstyles.useResponseCountStyles_unstable)(state);
+    return (0, _renderResponseCount.renderResponseCount_unstable)(state);
+});
+ResponseCount.displayName = 'ResponseCount';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ResponseCount.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useResponseCount_unstable } from './useResponseCount';\nimport { renderResponseCount_unstable } from './renderResponseCount';\nimport { useResponseCountStyles_unstable } from './useResponseCountStyles.styles';\nimport type { ResponseCountProps } from './ResponseCount.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\n// ResponseCount component - TODO: add more docs\nexport const ResponseCount: ForwardRefComponent<ResponseCountProps> = React.forwardRef((props, ref) => {\n  const state = useResponseCount_unstable(props, ref);\n\n  useResponseCountStyles_unstable(state);\n  return renderResponseCount_unstable(state);\n});\n\nResponseCount.displayName = 'ResponseCount';\n"],"names":["ResponseCount","React","forwardRef","props","ref","state","useResponseCount_unstable","useResponseCountStyles_unstable","renderResponseCount_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;kCACmB;qCACG;8CACG;AAKzC,MAAMA,gBAAAA,WAAAA,GAAyDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQC,IAAAA,2CAAAA,EAA0BH,OAAOC;IAE/CG,IAAAA,6DAAAA,EAAgCF;IAChC,OAAOG,IAAAA,iDAAAA,EAA6BH;AACtC;AAEAL,cAAcS,WAAW,GAAG"}

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

@@ -0,0 +1,6 @@
+/**
+ * State used in rendering ResponseCount
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ResponseCount.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\n\nexport type ResponseCountSlots = {\n  root: Slot<'span'>;\n  indicator?: Slot<'span'>;\n};\n\n/**\n * ResponseCount Props\n */\nexport type ResponseCountProps = ComponentProps<ResponseCountSlots> & { status: 'success' | 'warning' | 'danger' };\n\n/**\n * State used in rendering ResponseCount\n */\nexport type ResponseCountState = ComponentState<ResponseCountSlots> & Required<Pick<ResponseCountProps, 'status'>> & {};\n"],"names":[],"rangeMappings":";;","mappings":"AAYA;;CAEC"}

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

@@ -0,0 +1,31 @@
+"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, {
+    ResponseCount: function() {
+        return _ResponseCount.ResponseCount;
+    },
+    renderResponseCount_unstable: function() {
+        return _renderResponseCount.renderResponseCount_unstable;
+    },
+    responseCountClassNames: function() {
+        return _useResponseCountStylesstyles.responseCountClassNames;
+    },
+    useResponseCountStyles_unstable: function() {
+        return _useResponseCountStylesstyles.useResponseCountStyles_unstable;
+    },
+    useResponseCount_unstable: function() {
+        return _useResponseCount.useResponseCount_unstable;
+    }
+});
+const _ResponseCount = require("./ResponseCount");
+const _renderResponseCount = require("./renderResponseCount");
+const _useResponseCount = require("./useResponseCount");
+const _useResponseCountStylesstyles = require("./useResponseCountStyles.styles");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { ResponseCount } from './ResponseCount';\nexport type { ResponseCountProps, ResponseCountSlots, ResponseCountState } from './ResponseCount.types';\nexport { renderResponseCount_unstable } from './renderResponseCount';\nexport { useResponseCount_unstable } from './useResponseCount';\nexport { responseCountClassNames, useResponseCountStyles_unstable } from './useResponseCountStyles.styles';\n"],"names":["ResponseCount","renderResponseCount_unstable","responseCountClassNames","useResponseCountStyles_unstable","useResponseCount_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,aAAa;eAAbA,4BAAa;;IAEbC,4BAA4B;eAA5BA,iDAA4B;;IAE5BC,uBAAuB;eAAvBA,qDAAuB;;IAAEC,+BAA+B;eAA/BA,6DAA+B;;IADxDC,yBAAyB;eAAzBA,2CAAyB;;;+BAHJ;qCAEe;kCACH;8CAC+B"}

package/lib-commonjs/components/ResponseCount/renderResponseCount.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderResponseCount_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderResponseCount_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactcomponents = require("@fluentui/react-components");
+const renderResponseCount_unstable = (state)=>{
+    (0, _reactcomponents.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            state.indicator && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.indicator, {}),
+            state.root.children
+        ]
+    });
+};

package/lib-commonjs/components/ResponseCount/renderResponseCount.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderResponseCount.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { JSXElement } from '@fluentui/react-components';\nimport type { ResponseCountState, ResponseCountSlots } from './ResponseCount.types';\n\n/**\n * Render the final JSX of ResponseCount\n */\nexport const renderResponseCount_unstable = (state: ResponseCountState): JSXElement => {\n  assertSlots<ResponseCountSlots>(state);\n\n  return (\n    <state.root>\n      {state.indicator && <state.indicator />}\n      {state.root.children}\n    </state.root>\n  );\n};\n"],"names":["renderResponseCount_unstable","state","assertSlots","_jsxs","root","indicator","_jsx","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;4BATb;iCAE4B;AAOrB,MAAMA,+BAA+B,CAACC;IAC3CC,IAAAA,4BAAAA,EAAgCD;IAEhC,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;YACRH,MAAMI,SAAS,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACL,MAAMI,SAAS,EAAA,CAAA;YACnCJ,MAAMG,IAAI,CAACG,QAAQ;;;AAG1B"}

package/lib-commonjs/components/ResponseCount/useResponseCount.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useResponseCount_unstable", {
+    enumerable: true,
+    get: function() {
+        return useResponseCount_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const useResponseCount_unstable = (props, ref)=>{
+    const { status } = props;
+    return {
+        status,
+        components: {
+            root: 'span',
+            indicator: 'span'
+        },
+        root: _reactcomponents.slot.always((0, _reactcomponents.getIntrinsicElementProps)('span', {
+            ref,
+            ...props
+        }), {
+            elementType: 'span'
+        }),
+        indicator: _reactcomponents.slot.optional(props.indicator, {
+            elementType: 'span',
+            renderByDefault: true
+        })
+    };
+};

package/lib-commonjs/components/ResponseCount/useResponseCount.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useResponseCount.ts"],"sourcesContent":["import type * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-components';\nimport type { ResponseCountProps, ResponseCountState } from './ResponseCount.types';\n\n// If you add JSX to this file, be sure to change the file type to .tsx\n\n/**\n * Create the state required to render ResponseCount.\n *\n * The returned state can be modified with hooks such as useResponseCountStyles_unstable,\n * before being passed to renderResponseCount_unstable.\n *\n * @param props - props from this instance of ResponseCount\n * @param ref - reference to root HTMLElement of ResponseCount\n */\nexport const useResponseCount_unstable = (\n  props: ResponseCountProps,\n  ref: React.Ref<HTMLElement>,\n): ResponseCountState => {\n  const { status } = props;\n  return {\n    status,\n\n    components: {\n      root: 'span',\n      indicator: 'span',\n    },\n\n    root: slot.always(\n      getIntrinsicElementProps('span', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'span' },\n    ),\n    indicator: slot.optional(props.indicator, { elementType: 'span', renderByDefault: true }),\n  };\n};\n"],"names":["useResponseCount_unstable","props","ref","status","components","root","indicator","slot","always","getIntrinsicElementProps","elementType","optional","renderByDefault"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAeaA;;;eAAAA;;;iCAdkC;AAcxC,MAAMA,4BAA4B,CACvCC,OACAC;IAEA,MAAM,EAAEC,MAAM,EAAE,GAAGF;IACnB,OAAO;QACLE;QAEAC,YAAY;YACVC,MAAM;YACNC,WAAW;QACb;QAEAD,MAAME,qBAAAA,CAAKC,MAAM,CACfC,IAAAA,yCAAAA,EAAyB,QAAQ;YAC/BP;YACA,GAAGD,KAAK;QACV,IACA;YAAES,aAAa;QAAO;QAExBJ,WAAWC,qBAAAA,CAAKI,QAAQ,CAACV,MAAMK,SAAS,EAAE;YAAEI,aAAa;YAAQE,iBAAiB;QAAK;IACzF;AACF"}

package/lib-commonjs/components/ResponseCount/useResponseCountStyles.styles.js

@@ -0,0 +1,97 @@
+"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, {
+    responseCountClassNames: function() {
+        return responseCountClassNames;
+    },
+    useResponseCountStyles_unstable: function() {
+        return useResponseCountStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const responseCountClassNames = {
+    root: 'fai-ResponseCount',
+    indicator: 'fai-ResponseCount__indicator'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = (0, _reactcomponents.__styles)({
+    root: {
+        mc9l5x: "ftuwxu6",
+        Beiy3e4: "f1063pyq",
+        Bt984gj: "f122n59",
+        i8kkvl: 0,
+        Belr9w4: 0,
+        rmohyg: "fkln5zr",
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "f13mqy1h",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "fwrc4pm",
+        sj55zd: "fxc4j92"
+    },
+    indicator: {
+        mc9l5x: "f14t3ns0",
+        a9b677: "f1o3cbw4",
+        Bqenvij: "f1x82gua",
+        Beyfa6y: 0,
+        Bbmb7ep: 0,
+        Btl43ni: 0,
+        B7oj6ja: 0,
+        Dimara: "f5q2cvs"
+    },
+    success: {
+        De3pzq: "f1l9zcvb"
+    },
+    warning: {
+        De3pzq: "f1w7p0oj"
+    },
+    danger: {
+        De3pzq: "fms76vi"
+    }
+}, {
+    d: [
+        ".ftuwxu6{display:inline-flex;}",
+        ".f1063pyq{flex-direction:row;}",
+        ".f122n59{align-items:center;}",
+        [
+            ".fkln5zr{gap:var(--spacingHorizontalXS);}",
+            {
+                p: -1
+            }
+        ],
+        ".fk6fouc{font-family:var(--fontFamilyBase);}",
+        ".f13mqy1h{font-size:var(--fontSizeBase100);}",
+        ".figsok6{font-weight:var(--fontWeightRegular);}",
+        ".fwrc4pm{line-height:var(--lineHeightBase200);}",
+        ".fxc4j92{color:var(--colorNeutralForeground4);}",
+        ".f14t3ns0{display:inline-block;}",
+        ".f1o3cbw4{width:8px;}",
+        ".f1x82gua{height:8px;}",
+        [
+            ".f5q2cvs{border-radius:50%;}",
+            {
+                p: -1
+            }
+        ],
+        ".f1l9zcvb{background-color:var(--colorStatusSuccessForeground3);}",
+        ".f1w7p0oj{background-color:var(--colorStatusWarningForeground2);}",
+        ".fms76vi{background-color:var(--colorStatusDangerForeground3);}"
+    ]
+});
+const useResponseCountStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = (0, _reactcomponents.mergeClasses)(responseCountClassNames.root, styles.root, state.root.className);
+    if (state.indicator) {
+        state.indicator.className = (0, _reactcomponents.mergeClasses)(responseCountClassNames.indicator, styles.indicator, styles[state.status], state.indicator.className);
+    }
+    return state;
+}; //# sourceMappingURL=useResponseCountStyles.styles.js.map

package/lib-commonjs/components/ResponseCount/useResponseCountStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useResponseCountStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens, typographyStyles } from '@fluentui-copilot/tokens';\nimport type { ResponseCountSlots, ResponseCountState } from './ResponseCount.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const responseCountClassNames: SlotClassNames<ResponseCountSlots> = {\n  root: 'fai-ResponseCount',\n  indicator: 'fai-ResponseCount__indicator',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'inline-flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: tokens.spacingHorizontalXS,\n    ...typographyStyles.caption2,\n    color: tokens.colorNeutralForeground4,\n  },\n  indicator: {\n    display: 'inline-block',\n    width: '8px',\n    height: '8px',\n    borderRadius: '50%',\n  },\n  success: {\n    backgroundColor: tokens.colorStatusSuccessForeground3,\n  },\n  warning: {\n    backgroundColor: tokens.colorStatusWarningForeground2,\n  },\n  danger: {\n    backgroundColor: tokens.colorStatusDangerForeground3,\n  },\n});\n\n/**\n * Apply styling to the ResponseCount slots based on the state\n */\nexport const useResponseCountStyles_unstable = (state: ResponseCountState): ResponseCountState => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(responseCountClassNames.root, styles.root, state.root.className);\n\n  if (state.indicator) {\n    state.indicator.className = mergeClasses(\n      responseCountClassNames.indicator,\n      styles.indicator,\n      styles[state.status],\n      state.indicator.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["responseCountClassNames","root","indicator","__styles","display","flexDirection","alignItems","tokens","typographyStyles","color","rmohyg","width","height","borderRadius","backgroundColor","a9b677","warning","Bbmb7ep","danger","Dimara","success","De3pzq","styles","state","d"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,uBAAAA;eAAAA;;;;;;iCALoB;AAK1B,MAAMA,0BAA8D;UACzEC;eACAC;AACF;AAEA;;CAEC,SAECD,YAAME,IAAAA,yBAAA,EAAA;UACJC;gBACAC;iBACAC;iBACKC;gBACFC;iBACHC;QACFC,QAAA;QACAR,SAAAA;iBACEE;iBACAO;iBACAC;gBACAC;;eAEO;gBACPC;QACFC,QAAA;QACAC,SAAS;iBACPF;QACFG,SAAA;QACAC,SAAQ;iBACNJ;QACFK,QAAA;IACF;IAEAC,SAAA;;IAEC;aAEC;QAEAC,QAAMC;;YAGFC;gBACFA;;;IASFC,GAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA"}

package/lib-commonjs/components/ResponseCount/useResponseCountStyles.styles.raw.js

@@ -0,0 +1,60 @@
+"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, {
+    responseCountClassNames: function() {
+        return responseCountClassNames;
+    },
+    useResponseCountStyles_unstable: function() {
+        return useResponseCountStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const responseCountClassNames = {
+    root: 'fai-ResponseCount',
+    indicator: 'fai-ResponseCount__indicator'
+};
+/**
+ * Styles for the root slot
+ */ const useStyles = (0, _reactcomponents.makeStyles)({
+    root: {
+        display: 'inline-flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: _tokens.tokens.spacingHorizontalXS,
+        ..._tokens.typographyStyles.caption2,
+        color: _tokens.tokens.colorNeutralForeground4
+    },
+    indicator: {
+        display: 'inline-block',
+        width: '8px',
+        height: '8px',
+        borderRadius: '50%'
+    },
+    success: {
+        backgroundColor: _tokens.tokens.colorStatusSuccessForeground3
+    },
+    warning: {
+        backgroundColor: _tokens.tokens.colorStatusWarningForeground2
+    },
+    danger: {
+        backgroundColor: _tokens.tokens.colorStatusDangerForeground3
+    }
+});
+const useResponseCountStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    state.root.className = (0, _reactcomponents.mergeClasses)(responseCountClassNames.root, styles.root, state.root.className);
+    if (state.indicator) {
+        state.indicator.className = (0, _reactcomponents.mergeClasses)(responseCountClassNames.indicator, styles.indicator, styles[state.status], state.indicator.className);
+    }
+    return state;
+};

package/lib-commonjs/components/ResponseCount/useResponseCountStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useResponseCountStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens, typographyStyles } from '@fluentui-copilot/tokens';\nimport type { ResponseCountSlots, ResponseCountState } from './ResponseCount.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const responseCountClassNames: SlotClassNames<ResponseCountSlots> = {\n  root: 'fai-ResponseCount',\n  indicator: 'fai-ResponseCount__indicator',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'inline-flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: tokens.spacingHorizontalXS,\n    ...typographyStyles.caption2,\n    color: tokens.colorNeutralForeground4,\n  },\n  indicator: {\n    display: 'inline-block',\n    width: '8px',\n    height: '8px',\n    borderRadius: '50%',\n  },\n  success: {\n    backgroundColor: tokens.colorStatusSuccessForeground3,\n  },\n  warning: {\n    backgroundColor: tokens.colorStatusWarningForeground2,\n  },\n  danger: {\n    backgroundColor: tokens.colorStatusDangerForeground3,\n  },\n});\n\n/**\n * Apply styling to the ResponseCount slots based on the state\n */\nexport const useResponseCountStyles_unstable = (state: ResponseCountState): ResponseCountState => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(responseCountClassNames.root, styles.root, state.root.className);\n\n  if (state.indicator) {\n    state.indicator.className = mergeClasses(\n      responseCountClassNames.indicator,\n      styles.indicator,\n      styles[state.status],\n      state.indicator.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["responseCountClassNames","useResponseCountStyles_unstable","root","indicator","useStyles","makeStyles","display","flexDirection","alignItems","gap","tokens","spacingHorizontalXS","typographyStyles","caption2","color","colorNeutralForeground4","width","height","borderRadius","success","backgroundColor","colorStatusSuccessForeground3","warning","colorStatusWarningForeground2","danger","colorStatusDangerForeground3","state","styles","className","mergeClasses","status"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,uBAAAA;eAAAA;;IAqCAC,+BAAAA;eAAAA;;;iCA1C4B;wBACA;AAIlC,MAAMD,0BAA8D;IACzEE,MAAM;IACNC,WAAW;AACb;AAEA;;CAEC,GACD,MAAMC,YAAYC,IAAAA,2BAAAA,EAAW;IAC3BH,MAAM;QACJI,SAAS;QACTC,eAAe;QACfC,YAAY;QACZC,KAAKC,cAAAA,CAAOC,mBAAmB;QAC/B,GAAGC,wBAAAA,CAAiBC,QAAQ;QAC5BC,OAAOJ,cAAAA,CAAOK,uBAAuB;IACvC;IACAZ,WAAW;QACTG,SAAS;QACTU,OAAO;QACPC,QAAQ;QACRC,cAAc;IAChB;IACAC,SAAS;QACPC,iBAAiBV,cAAAA,CAAOW,6BAA6B;IACvD;IACAC,SAAS;QACPF,iBAAiBV,cAAAA,CAAOa,6BAA6B;IACvD;IACAC,QAAQ;QACNJ,iBAAiBV,cAAAA,CAAOe,4BAA4B;IACtD;AACF;AAKO,MAAMxB,kCAAkC,CAACyB;IAC9C;IAEA,MAAMC,SAASvB;IACfsB,MAAMxB,IAAI,CAAC0B,SAAS,GAAGC,IAAAA,6BAAAA,EAAa7B,wBAAwBE,IAAI,EAAEyB,OAAOzB,IAAI,EAAEwB,MAAMxB,IAAI,CAAC0B,SAAS;IAEnG,IAAIF,MAAMvB,SAAS,EAAE;QACnBuB,MAAMvB,SAAS,CAACyB,SAAS,GAAGC,IAAAA,6BAAAA,EAC1B7B,wBAAwBG,SAAS,EACjCwB,OAAOxB,SAAS,EAChBwB,MAAM,CAACD,MAAMI,MAAM,CAAC,EACpBJ,MAAMvB,SAAS,CAACyB,SAAS;IAE7B;IAEA,OAAOF;AACT"}

package/lib-commonjs/index.js

@@ -0,0 +1,28 @@
+"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, {
+    ResponseCount: function() {
+        return _ResponseCount.ResponseCount;
+    },
+    renderResponseCount_unstable: function() {
+        return _ResponseCount.renderResponseCount_unstable;
+    },
+    responseCountClassNames: function() {
+        return _ResponseCount.responseCountClassNames;
+    },
+    useResponseCountStyles_unstable: function() {
+        return _ResponseCount.useResponseCountStyles_unstable;
+    },
+    useResponseCount_unstable: function() {
+        return _ResponseCount.useResponseCount_unstable;
+    }
+});
+const _ResponseCount = require("./ResponseCount");

package/lib-commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export type { ResponseCountProps, ResponseCountSlots, ResponseCountState } from './ResponseCount';\nexport { ResponseCount, renderResponseCount_unstable, responseCountClassNames, useResponseCountStyles_unstable, useResponseCount_unstable } from './ResponseCount';\n"],"names":["ResponseCount","renderResponseCount_unstable","responseCountClassNames","useResponseCountStyles_unstable","useResponseCount_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACSA,aAAa;eAAbA,4BAAa;;IAAEC,4BAA4B;eAA5BA,2CAA4B;;IAAEC,uBAAuB;eAAvBA,sCAAuB;;IAAEC,+BAA+B;eAA/BA,8CAA+B;;IAAEC,yBAAyB;eAAzBA,wCAAyB;;;+BAAQ"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-copilot/react-response-count",
-  "version": "0.0.0-nightly-20251010-0406-7df7c6d1.1",
+  "version": "0.0.0-nightly-20251013-0406-7c7739c8.1",
   "description": "Fluent AI control for displaying the number of responses and the remaining response count",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -12,7 +12,7 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui-copilot/tokens": "0.0.0-nightly-20251010-0406-7df7c6d1.1",
+    "@fluentui-copilot/tokens": "0.0.0-nightly-20251013-0406-7c7739c8.1",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {