feat: Fluent UI Outlook Lite + connections mockup

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingDisplay/RatingDisplay.js

@@ -0,0 +1,26 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "RatingDisplay", {
+    enumerable: true,
+    get: function() {
+        return RatingDisplay;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useRatingDisplay = require("./useRatingDisplay");
+const _renderRatingDisplay = require("./renderRatingDisplay");
+const _useRatingDisplayStylesstyles = require("./useRatingDisplayStyles.styles");
+const _useRatingDisplayContextValues = require("./useRatingDisplayContextValues");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const RatingDisplay = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useRatingDisplay.useRatingDisplay_unstable)(props, ref);
+    const contextValues = (0, _useRatingDisplayContextValues.useRatingDisplayContextValues)(state);
+    (0, _useRatingDisplayStylesstyles.useRatingDisplayStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useRatingDisplayStyles_unstable')(state);
+    return (0, _renderRatingDisplay.renderRatingDisplay_unstable)(state, contextValues);
+});
+RatingDisplay.displayName = 'RatingDisplay';

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingDisplay/RatingDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RatingDisplay/RatingDisplay.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useRatingDisplay_unstable } from './useRatingDisplay';\nimport { renderRatingDisplay_unstable } from './renderRatingDisplay';\nimport { useRatingDisplayStyles_unstable } from './useRatingDisplayStyles.styles';\nimport type { RatingDisplayProps } from './RatingDisplay.types';\nimport { useRatingDisplayContextValues } from './useRatingDisplayContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * RatingDisplay is a wrapper for one or more rating items that will be used to display a rating value\n * as well as the label for the rating.\n */\nexport const RatingDisplay: ForwardRefComponent<RatingDisplayProps> = React.forwardRef((props, ref) => {\n  const state = useRatingDisplay_unstable(props, ref);\n  const contextValues = useRatingDisplayContextValues(state);\n\n  useRatingDisplayStyles_unstable(state);\n  useCustomStyleHook_unstable('useRatingDisplayStyles_unstable')(state);\n\n  return renderRatingDisplay_unstable(state, contextValues);\n});\n\nRatingDisplay.displayName = 'RatingDisplay';\n"],"names":["React","useRatingDisplay_unstable","renderRatingDisplay_unstable","useRatingDisplayStyles_unstable","useRatingDisplayContextValues","useCustomStyleHook_unstable","RatingDisplay","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;kCAEW,qBAAqB;qCAClB,wBAAwB;8CACrB,kCAAkC;+CAEpC,kCAAkC;qCACpC,kCAAkC;AAMvE,MAAMM,gBAAAA,WAAAA,GAAyDN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,YAAQT,2CAAAA,EAA0BO,OAAOC;IAC/C,MAAME,oBAAgBP,4DAAAA,EAA8BM;QAEpDP,6DAAAA,EAAgCO;QAChCL,gDAAAA,EAA4B,mCAAmCK;IAE/D,WAAOR,iDAAAA,EAA6BQ,OAAOC;AAC7C,GAAG;AAEHL,cAAcM,WAAW,GAAG"}

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingDisplay/RatingDisplay.types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingDisplay/RatingDisplay.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RatingDisplay/RatingDisplay.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { RatingItemContextValue } from '../RatingItem/RatingItem.types';\n\nexport type RatingDisplaySlots = {\n  root: NonNullable<Slot<'div'>>;\n  valueText?: Slot<'span'>;\n  countText?: Slot<'span'>;\n};\n\n/**\n * RatingDisplay Props\n */\nexport type RatingDisplayProps = ComponentProps<RatingDisplaySlots> & {\n  /**\n   * Color of the rating items (stars).\n   * @default neutral\n   */\n  color?: 'brand' | 'marigold' | 'neutral';\n  /**\n   * Renders a single filled star, with the value written next to it.\n   * @default false\n   */\n  compact?: boolean;\n  /**\n   * The number of ratings represented by the rating value.\n   * This will be formatted with a thousands separator (if applicable) and displayed next to the value.\n   */\n  count?: number;\n  /**\n   * The icon used for rating items.\n   * @default StarFilled\n   */\n  icon?: React.ElementType;\n  /**\n   * The max value of the rating. This controls the number of rating items displayed.\n   * Must be a whole number greater than 1.\n   * @default 5\n   */\n  max?: number;\n  /**\n   * Sets the size of the RatingDisplay items.\n   * @default medium\n   */\n  size?: 'small' | 'medium' | 'large' | 'extra-large';\n  /**\n   * The value of the rating\n   */\n  value?: number;\n};\n\n/**\n * RatingDisplay base props — excludes design props (color, size).\n */\nexport type RatingDisplayBaseProps = Omit<RatingDisplayProps, 'color' | 'size'>;\n\n/**\n * State used in rendering RatingDisplay\n */\nexport type RatingDisplayState = ComponentState<RatingDisplaySlots> &\n  Required<Pick<RatingDisplayProps, 'color' | 'compact' | 'icon' | 'max' | 'size'>> &\n  Pick<RatingDisplayProps, 'value'>;\n\n/**\n * RatingDisplay base state — excludes design props (color, size).\n */\nexport type RatingDisplayBaseState = Omit<RatingDisplayState, 'color' | 'size' | 'icon'> &\n  Pick<RatingDisplayProps, 'icon'>;\n\nexport type RatingDisplayContextValues = { ratingItem: RatingItemContextValue };\n"],"names":["React"],"mappings":";;;;;iEAAuB,QAAQ"}

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingDisplay/index.js

@@ -0,0 +1,38 @@
+"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, {
+    RatingDisplay: function() {
+        return _RatingDisplay.RatingDisplay;
+    },
+    ratingDisplayClassNames: function() {
+        return _useRatingDisplayStylesstyles.ratingDisplayClassNames;
+    },
+    renderRatingDisplay_unstable: function() {
+        return _renderRatingDisplay.renderRatingDisplay_unstable;
+    },
+    useRatingDisplayBase_unstable: function() {
+        return _useRatingDisplay.useRatingDisplayBase_unstable;
+    },
+    useRatingDisplayContextValues: function() {
+        return _useRatingDisplayContextValues.useRatingDisplayContextValues;
+    },
+    useRatingDisplayStyles_unstable: function() {
+        return _useRatingDisplayStylesstyles.useRatingDisplayStyles_unstable;
+    },
+    useRatingDisplay_unstable: function() {
+        return _useRatingDisplay.useRatingDisplay_unstable;
+    }
+});
+const _RatingDisplay = require("./RatingDisplay");
+const _renderRatingDisplay = require("./renderRatingDisplay");
+const _useRatingDisplay = require("./useRatingDisplay");
+const _useRatingDisplayStylesstyles = require("./useRatingDisplayStyles.styles");
+const _useRatingDisplayContextValues = require("./useRatingDisplayContextValues");

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingDisplay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RatingDisplay/index.ts"],"sourcesContent":["export { RatingDisplay } from './RatingDisplay';\nexport type {\n  RatingDisplayContextValues,\n  RatingDisplayProps,\n  RatingDisplayBaseProps,\n  RatingDisplaySlots,\n  RatingDisplayState,\n  RatingDisplayBaseState,\n} from './RatingDisplay.types';\nexport { renderRatingDisplay_unstable } from './renderRatingDisplay';\nexport { useRatingDisplay_unstable, useRatingDisplayBase_unstable } from './useRatingDisplay';\nexport { ratingDisplayClassNames, useRatingDisplayStyles_unstable } from './useRatingDisplayStyles.styles';\nexport { useRatingDisplayContextValues } from './useRatingDisplayContextValues';\n"],"names":["RatingDisplay","renderRatingDisplay_unstable","useRatingDisplay_unstable","useRatingDisplayBase_unstable","ratingDisplayClassNames","useRatingDisplayStyles_unstable","useRatingDisplayContextValues"],"mappings":";;;;;;;;;;;IAASA;2CAAa;;IAWbI;oEAAuB;;;eAFvBH,iDAA4B;;;eACDE,+CAA6B;;;eAExDG,4DAA6B;;;eADJD,6DAA+B;;;eADxDH,2CAAyB;;;+BAVJ,kBAAkB;qCASH,wBAAwB;kCACI,qBAAqB;8CACrB,kCAAkC;+CAC7D,kCAAkC"}

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingDisplay/renderRatingDisplay.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderRatingDisplay_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderRatingDisplay_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const _RatingItemContext = require("../../contexts/RatingItemContext");
+const renderRatingDisplay_unstable = (state, contextValues)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_RatingItemContext.RatingItemProvider, {
+        value: contextValues.ratingItem,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+            children: [
+                state.root.children,
+                state.valueText && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.valueText, {}),
+                state.countText && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.countText, {})
+            ]
+        })
+    });
+};

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingDisplay/renderRatingDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RatingDisplay/renderRatingDisplay.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { RatingDisplayBaseState, RatingDisplaySlots, RatingDisplayContextValues } from './RatingDisplay.types';\nimport { RatingItemProvider } from '../../contexts/RatingItemContext';\n\n/**\n * Render the final JSX of RatingDisplay\n */\nexport const renderRatingDisplay_unstable = (\n  state: RatingDisplayBaseState,\n  contextValues: RatingDisplayContextValues,\n): JSXElement => {\n  assertSlots<RatingDisplaySlots>(state);\n\n  return (\n    <RatingItemProvider value={contextValues.ratingItem}>\n      <state.root>\n        {state.root.children}\n        {state.valueText && <state.valueText />}\n        {state.countText && <state.countText />}\n      </state.root>\n    </RatingItemProvider>\n  );\n};\n"],"names":["assertSlots","RatingItemProvider","renderRatingDisplay_unstable","state","contextValues","value","ratingItem","root","children","valueText","countText"],"mappings":";;;;+BAWaE;;;;;;4BAVb,iCAAiD;gCAErB,4BAA4B;mCAGrB,mCAAmC;AAK/D,qCAAqC,CAC1CC,OACAC;QAEAJ,2BAAAA,EAAgCG;IAEhC,OAAA,WAAA,OACE,eAAA,EAACF,qCAAAA,EAAAA;QAAmBI,OAAOD,cAAcE,UAAU;kBACjD,WAAA,OAAA,gBAAA,EAACH,MAAMI,IAAI,EAAA;;gBACRJ,MAAMI,IAAI,CAACC,QAAQ;gBACnBL,MAAMM,SAAS,IAAA,WAAA,OAAI,eAAA,EAACN,MAAMM,SAAS,EAAA,CAAA;gBACnCN,MAAMO,SAAS,IAAA,WAAA,OAAI,eAAA,EAACP,MAAMO,SAAS,EAAA,CAAA;;;;AAI5C,EAAE"}

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingDisplay/useRatingDisplay.js

@@ -0,0 +1,102 @@
+'use client';
+"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, {
+    useRatingDisplayBase_unstable: function() {
+        return useRatingDisplayBase_unstable;
+    },
+    useRatingDisplay_unstable: function() {
+        return useRatingDisplay_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _reacticons = require("@fluentui/react-icons");
+const _RatingItem = require("../RatingItem/RatingItem");
+const useRatingDisplay_unstable = (props, ref)=>{
+    const { color = 'neutral', size = 'medium', icon = _reacticons.StarFilled, ...baseProps } = props;
+    const state = useRatingDisplayBase_unstable({
+        icon,
+        ...baseProps
+    }, ref);
+    return {
+        ...state,
+        icon,
+        color,
+        size
+    };
+};
+const useRatingDisplayBase_unstable = (props, ref)=>{
+    const { count, compact = false, icon, max = 5, value } = props;
+    const valueTextId = (0, _reactutilities.useId)('rating-value-');
+    const countTextId = (0, _reactutilities.useId)('rating-count-');
+    // Generate the child RatingItems and memoize them to prevent unnecessary re-rendering
+    const rootChildren = _react.useMemo(()=>{
+        return compact ? /*#__PURE__*/ _react.createElement(_RatingItem.RatingItem, {
+            value: 1,
+            key: 1,
+            "aria-hidden": true
+        }) : Array.from(Array(max), (_, i)=>/*#__PURE__*/ _react.createElement(_RatingItem.RatingItem, {
+                value: i + 1,
+                key: i + 1,
+                "aria-hidden": true
+            }));
+    }, [
+        compact,
+        max
+    ]);
+    const state = {
+        compact,
+        icon,
+        max,
+        value,
+        components: {
+            root: 'div',
+            valueText: 'span',
+            countText: 'span'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+            ref,
+            children: rootChildren,
+            role: 'img',
+            ...props
+        }), {
+            elementType: 'div'
+        }),
+        valueText: _reactutilities.slot.optional(props.valueText, {
+            renderByDefault: value !== undefined,
+            defaultProps: {
+                children: value,
+                id: valueTextId,
+                'aria-hidden': true
+            },
+            elementType: 'span'
+        }),
+        countText: _reactutilities.slot.optional(props.countText, {
+            renderByDefault: count !== undefined,
+            defaultProps: {
+                children: count === null || count === void 0 ? void 0 : count.toLocaleString(),
+                id: countTextId,
+                'aria-hidden': true
+            },
+            elementType: 'span'
+        })
+    };
+    if (!state.root['aria-label'] && !state.root['aria-labelledby']) {
+        var _state_valueText, _state_countText;
+        state.root['aria-labelledby'] = [
+            (_state_valueText = state.valueText) === null || _state_valueText === void 0 ? void 0 : _state_valueText.id,
+            (_state_countText = state.countText) === null || _state_countText === void 0 ? void 0 : _state_countText.id
+        ].filter(Boolean).join(' ');
+    }
+    return state;
+};

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingDisplay/useRatingDisplayContextValues.js

@@ -0,0 +1,35 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useRatingDisplayContextValues", {
+    enumerable: true,
+    get: function() {
+        return useRatingDisplayContextValues;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const useRatingDisplayContextValues = (state)=>{
+    const { color, compact, icon, size, value } = state;
+    const ratingItem = _react.useMemo(()=>({
+            color,
+            compact,
+            iconFilled: icon,
+            iconOutline: icon,
+            interactive: false,
+            step: 0.5,
+            size,
+            value
+        }), [
+        color,
+        compact,
+        icon,
+        size,
+        value
+    ]);
+    return {
+        ratingItem
+    };
+};

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingDisplay/useRatingDisplayContextValues.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RatingDisplay/useRatingDisplayContextValues.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { RatingDisplayContextValues, RatingDisplayState } from './RatingDisplay.types';\nimport { RatingItemContextValue } from '../RatingItem/RatingItem.types';\n\nexport const useRatingDisplayContextValues = (state: RatingDisplayState): RatingDisplayContextValues => {\n  const { color, compact, icon, size, value } = state;\n\n  const ratingItem = React.useMemo<RatingItemContextValue>(\n    () => ({\n      color,\n      compact,\n      iconFilled: icon,\n      iconOutline: icon,\n      interactive: false,\n      step: 0.5,\n      size,\n      value,\n    }),\n    [color, compact, icon, size, value],\n  );\n\n  return { ratingItem };\n};\n"],"names":["React","useRatingDisplayContextValues","state","color","compact","icon","size","value","ratingItem","useMemo","iconFilled","iconOutline","interactive","step"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;AAIxB,MAAMC,gCAAgC,CAACC;IAC5C,MAAM,EAAEC,KAAK,EAAEC,OAAO,EAAEC,IAAI,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGL;IAE9C,MAAMM,aAAaR,OAAMS,OAAO,CAC9B,IAAO,CAAA;YACLN;YACAC;YACAM,YAAYL;YACZM,aAAaN;YACbO,aAAa;YACbC,MAAM;YACNP;YACAC;SACF,CAAA,EACA;QAACJ;QAAOC;QAASC;QAAMC;QAAMC;KAAM;IAGrC,OAAO;QAAEC;IAAW;AACtB,EAAE"}

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingDisplay/useRatingDisplayStyles.styles.js

@@ -0,0 +1,86 @@
+'use client';
+"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, {
+    ratingDisplayClassNames: function() {
+        return ratingDisplayClassNames;
+    },
+    useRatingDisplayStyles_unstable: function() {
+        return useRatingDisplayStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const ratingDisplayClassNames = {
+    root: 'fui-RatingDisplay',
+    valueText: 'fui-RatingDisplay__valueText',
+    countText: 'fui-RatingDisplay__countText'
+};
+/**
+ * Styles for the root slot
+ */ const useRootClassName = /*#__PURE__*/ (0, _react.__resetStyles)("rxxdqwu", null, [
+    ".rxxdqwu{display:flex;flex-wrap:wrap;align-items:center;}"
+]);
+const useLabelClassName = /*#__PURE__*/ (0, _react.__resetStyles)("rkwnos5", "rwei36a", [
+    ".rkwnos5{color:var(--colorNeutralForeground1);margin-left:var(--spacingHorizontalXS);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}",
+    ".rwei36a{color:var(--colorNeutralForeground1);margin-right:var(--spacingHorizontalXS);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}"
+]);
+const useLabelStyles = /*#__PURE__*/ (0, _react.__styles)({
+    large: {
+        Be2twd7: "fkhj508",
+        Bg96gwp: "f1i3iumi",
+        Frg6f3: [
+            "f1t5qyk5",
+            "f1ikr372"
+        ]
+    },
+    extraLarge: {
+        Be2twd7: "fod5ikn",
+        Bg96gwp: "faaz57k",
+        Frg6f3: [
+            "foyynoy",
+            "f1vcna3q"
+        ]
+    },
+    strong: {
+        Bhrd7zp: "fl43uef"
+    },
+    divider: {
+        Ftih45: "f169p45e"
+    }
+}, {
+    d: [
+        ".fkhj508{font-size:var(--fontSizeBase300);}",
+        ".f1i3iumi{line-height:var(--lineHeightBase300);}",
+        ".f1t5qyk5{margin-left:var(--spacingHorizontalSNudge);}",
+        ".f1ikr372{margin-right:var(--spacingHorizontalSNudge);}",
+        ".fod5ikn{font-size:var(--fontSizeBase400);}",
+        ".faaz57k{line-height:var(--lineHeightBase400);}",
+        ".foyynoy{margin-left:var(--spacingHorizontalS);}",
+        ".f1vcna3q{margin-right:var(--spacingHorizontalS);}",
+        ".fl43uef{font-weight:var(--fontWeightSemibold);}",
+        ".f169p45e::before{content:\"\xB7 \";}"
+    ]
+});
+const useRatingDisplayStyles_unstable = (state)=>{
+    'use no memo';
+    const { size } = state;
+    const rootClassName = useRootClassName();
+    state.root.className = (0, _react.mergeClasses)(ratingDisplayClassNames.root, rootClassName, state.root.className);
+    const labelClassName = useLabelClassName();
+    const labelStyles = useLabelStyles();
+    if (state.valueText) {
+        state.valueText.className = (0, _react.mergeClasses)(ratingDisplayClassNames.valueText, labelClassName, labelStyles.strong, size === 'large' && labelStyles.large, size === 'extra-large' && labelStyles.extraLarge, state.valueText.className);
+    }
+    if (state.countText) {
+        state.countText.className = (0, _react.mergeClasses)(ratingDisplayClassNames.countText, labelClassName, size === 'large' && labelStyles.large, size === 'extra-large' && labelStyles.extraLarge, state.valueText && labelStyles.divider, state.countText.className);
+    }
+    return state;
+};

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingDisplay/useRatingDisplayStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useRatingDisplayStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const ratingDisplayClassNames = {\n    root: 'fui-RatingDisplay',\n    valueText: 'fui-RatingDisplay__valueText',\n    countText: 'fui-RatingDisplay__countText'\n};\n/**\n * Styles for the root slot\n */ const useRootClassName = makeResetStyles({\n    display: 'flex',\n    flexWrap: 'wrap',\n    alignItems: 'center'\n});\nconst useLabelClassName = makeResetStyles({\n    color: tokens.colorNeutralForeground1,\n    marginLeft: tokens.spacingHorizontalXS,\n    ...typographyStyles.caption1\n});\nconst useLabelStyles = makeStyles({\n    large: {\n        fontSize: tokens.fontSizeBase300,\n        lineHeight: tokens.lineHeightBase300,\n        marginLeft: tokens.spacingHorizontalSNudge\n    },\n    extraLarge: {\n        fontSize: tokens.fontSizeBase400,\n        lineHeight: tokens.lineHeightBase400,\n        marginLeft: tokens.spacingHorizontalS\n    },\n    strong: {\n        fontWeight: tokens.fontWeightSemibold\n    },\n    divider: {\n        '::before': {\n            content: '\"· \"'\n        }\n    }\n});\n/**\n * Apply styling to the RatingDisplay slots based on the state\n */ export const useRatingDisplayStyles_unstable = (state)=>{\n    'use no memo';\n    const { size } = state;\n    const rootClassName = useRootClassName();\n    state.root.className = mergeClasses(ratingDisplayClassNames.root, rootClassName, state.root.className);\n    const labelClassName = useLabelClassName();\n    const labelStyles = useLabelStyles();\n    if (state.valueText) {\n        state.valueText.className = mergeClasses(ratingDisplayClassNames.valueText, labelClassName, labelStyles.strong, size === 'large' && labelStyles.large, size === 'extra-large' && labelStyles.extraLarge, state.valueText.className);\n    }\n    if (state.countText) {\n        state.countText.className = mergeClasses(ratingDisplayClassNames.countText, labelClassName, size === 'large' && labelStyles.large, size === 'extra-large' && labelStyles.extraLarge, state.valueText && labelStyles.divider, state.countText.className);\n    }\n    return state;\n};\n"],"names":["__resetStyles","__styles","mergeClasses","tokens","typographyStyles","ratingDisplayClassNames","root","valueText","countText","useRootClassName","useLabelClassName","useLabelStyles","large","Be2twd7","Bg96gwp","Frg6f3","extraLarge","strong","Bhrd7zp","divider","Ftih45","d","useRatingDisplayStyles_unstable","state","size","rootClassName","className","labelClassName","labelStyles"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAGCK,uBAAuB;;;mCAuCY;eAA/BiB;;;uBAzCyC,gBAAgB;AAEnE,gCAAgC;IACnChB,IAAI,EAAE,mBAAmB;IACzBC,SAAS,EAAE,8BAA8B;IACzCC,SAAS,EAAE;AACf,CAAC;AACD;;CAEA,GAAI,MAAMC,gBAAgB,GAAA,WAAA,OAAGT,oBAAA,EAAA,WAAA,MAAA;IAAA;CAI5B,CAAC;AACF,MAAMU,iBAAiB,GAAA,WAAA,OAAGV,oBAAA,EAAA,WAAA,WAAA;IAAA;IAAA;CAIzB,CAAC;AACF,MAAMW,cAAc,GAAA,WAAA,OAAGV,eAAA,EAAA;IAAAW,KAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;IAAA;IAAAC,UAAA,EAAA;QAAAH,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;IAAA;IAAAE,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAmBtB,CAAC;AAGS,yCAAyCE,KAAK,IAAG;IACxD,aAAa;IACb,MAAM,EAAEC,IAAAA,EAAM,GAAGD,KAAK;IACtB,MAAME,aAAa,GAAGhB,gBAAgB,CAAC,CAAC;IACxCc,KAAK,CAACjB,IAAI,CAACoB,SAAS,GAAGxB,uBAAY,EAACG,uBAAuB,CAACC,IAAI,EAAEmB,aAAa,EAAEF,KAAK,CAACjB,IAAI,CAACoB,SAAS,CAAC;IACtG,MAAMC,cAAc,GAAGjB,iBAAiB,CAAC,CAAC;IAC1C,MAAMkB,WAAW,GAAGjB,cAAc,CAAC,CAAC;IACpC,IAAIY,KAAK,CAAChB,SAAS,EAAE;QACjBgB,KAAK,CAAChB,SAAS,CAACmB,SAAS,OAAGxB,mBAAY,EAACG,uBAAuB,CAACE,SAAS,EAAEoB,cAAc,EAAEC,WAAW,CAACX,MAAM,EAAEO,IAAI,KAAK,OAAO,IAAII,WAAW,CAAChB,KAAK,EAAEY,IAAI,KAAK,aAAa,IAAII,WAAW,CAACZ,UAAU,EAAEO,KAAK,CAAChB,SAAS,CAACmB,SAAS,CAAC;IACvO;IACA,IAAIH,KAAK,CAACf,SAAS,EAAE;QACjBe,KAAK,CAACf,SAAS,CAACkB,SAAS,OAAGxB,mBAAY,EAACG,uBAAuB,CAACG,SAAS,EAAEmB,cAAc,EAAEH,IAAI,KAAK,OAAO,IAAII,WAAW,CAAChB,KAAK,EAAEY,IAAI,KAAK,aAAa,IAAII,WAAW,CAACZ,UAAU,EAAEO,KAAK,CAAChB,SAAS,IAAIqB,WAAW,CAACT,OAAO,EAAEI,KAAK,CAACf,SAAS,CAACkB,SAAS,CAAC;IAC3P;IACA,OAAOH,KAAK;AAChB,CAAC"}

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingDisplay/useRatingDisplayStyles.styles.raw.js

@@ -0,0 +1,73 @@
+'use client';
+"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, {
+    ratingDisplayClassNames: function() {
+        return ratingDisplayClassNames;
+    },
+    useRatingDisplayStyles_unstable: function() {
+        return useRatingDisplayStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reacttheme = require("@fluentui/react-theme");
+const ratingDisplayClassNames = {
+    root: 'fui-RatingDisplay',
+    valueText: 'fui-RatingDisplay__valueText',
+    countText: 'fui-RatingDisplay__countText'
+};
+/**
+ * Styles for the root slot
+ */ const useRootClassName = (0, _react.makeResetStyles)({
+    display: 'flex',
+    flexWrap: 'wrap',
+    alignItems: 'center'
+});
+const useLabelClassName = (0, _react.makeResetStyles)({
+    color: _reacttheme.tokens.colorNeutralForeground1,
+    marginLeft: _reacttheme.tokens.spacingHorizontalXS,
+    ..._reacttheme.typographyStyles.caption1
+});
+const useLabelStyles = (0, _react.makeStyles)({
+    large: {
+        fontSize: _reacttheme.tokens.fontSizeBase300,
+        lineHeight: _reacttheme.tokens.lineHeightBase300,
+        marginLeft: _reacttheme.tokens.spacingHorizontalSNudge
+    },
+    extraLarge: {
+        fontSize: _reacttheme.tokens.fontSizeBase400,
+        lineHeight: _reacttheme.tokens.lineHeightBase400,
+        marginLeft: _reacttheme.tokens.spacingHorizontalS
+    },
+    strong: {
+        fontWeight: _reacttheme.tokens.fontWeightSemibold
+    },
+    divider: {
+        '::before': {
+            content: '"· "'
+        }
+    }
+});
+const useRatingDisplayStyles_unstable = (state)=>{
+    'use no memo';
+    const { size } = state;
+    const rootClassName = useRootClassName();
+    state.root.className = (0, _react.mergeClasses)(ratingDisplayClassNames.root, rootClassName, state.root.className);
+    const labelClassName = useLabelClassName();
+    const labelStyles = useLabelStyles();
+    if (state.valueText) {
+        state.valueText.className = (0, _react.mergeClasses)(ratingDisplayClassNames.valueText, labelClassName, labelStyles.strong, size === 'large' && labelStyles.large, size === 'extra-large' && labelStyles.extraLarge, state.valueText.className);
+    }
+    if (state.countText) {
+        state.countText.className = (0, _react.mergeClasses)(ratingDisplayClassNames.countText, labelClassName, size === 'large' && labelStyles.large, size === 'extra-large' && labelStyles.extraLarge, state.valueText && labelStyles.divider, state.countText.className);
+    }
+    return state;
+};

node_modules/@fluentui/react-rating/lib-commonjs/components/RatingDisplay/useRatingDisplayStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RatingDisplay/useRatingDisplayStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { RatingDisplaySlots, RatingDisplayState } from './RatingDisplay.types';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\n\nexport const ratingDisplayClassNames: SlotClassNames<RatingDisplaySlots> = {\n  root: 'fui-RatingDisplay',\n  valueText: 'fui-RatingDisplay__valueText',\n  countText: 'fui-RatingDisplay__countText',\n};\n\n/**\n * Styles for the root slot\n */\n\nconst useRootClassName = makeResetStyles({\n  display: 'flex',\n  flexWrap: 'wrap',\n  alignItems: 'center',\n});\n\nconst useLabelClassName = makeResetStyles({\n  color: tokens.colorNeutralForeground1,\n  marginLeft: tokens.spacingHorizontalXS,\n  ...typographyStyles.caption1,\n});\n\nconst useLabelStyles = makeStyles({\n  large: {\n    fontSize: tokens.fontSizeBase300,\n    lineHeight: tokens.lineHeightBase300,\n    marginLeft: tokens.spacingHorizontalSNudge,\n  },\n  extraLarge: {\n    fontSize: tokens.fontSizeBase400,\n    lineHeight: tokens.lineHeightBase400,\n    marginLeft: tokens.spacingHorizontalS,\n  },\n  strong: {\n    fontWeight: tokens.fontWeightSemibold,\n  },\n  divider: {\n    '::before': {\n      content: '\"· \"',\n    },\n  },\n});\n\n/**\n * Apply styling to the RatingDisplay slots based on the state\n */\nexport const useRatingDisplayStyles_unstable = (state: RatingDisplayState): RatingDisplayState => {\n  'use no memo';\n\n  const { size } = state;\n  const rootClassName = useRootClassName();\n  state.root.className = mergeClasses(ratingDisplayClassNames.root, rootClassName, state.root.className);\n  const labelClassName = useLabelClassName();\n  const labelStyles = useLabelStyles();\n\n  if (state.valueText) {\n    state.valueText.className = mergeClasses(\n      ratingDisplayClassNames.valueText,\n      labelClassName,\n      labelStyles.strong,\n      size === 'large' && labelStyles.large,\n      size === 'extra-large' && labelStyles.extraLarge,\n      state.valueText.className,\n    );\n  }\n  if (state.countText) {\n    state.countText.className = mergeClasses(\n      ratingDisplayClassNames.countText,\n      labelClassName,\n      size === 'large' && labelStyles.large,\n      size === 'extra-large' && labelStyles.extraLarge,\n      state.valueText && labelStyles.divider,\n      state.countText.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","tokens","typographyStyles","ratingDisplayClassNames","root","valueText","countText","useRootClassName","display","flexWrap","alignItems","useLabelClassName","color","colorNeutralForeground1","marginLeft","spacingHorizontalXS","caption1","useLabelStyles","large","fontSize","fontSizeBase300","lineHeight","lineHeightBase300","spacingHorizontalSNudge","extraLarge","fontSizeBase400","lineHeightBase400","spacingHorizontalS","strong","fontWeight","fontWeightSemibold","divider","content","useRatingDisplayStyles_unstable","state","size","rootClassName","className","labelClassName","labelStyles"],"mappings":"AAAA;;;;;;;;;;;;IAOaK,uBAAAA;;;mCA8CA8B;eAAAA;;;uBAnD6C,iBAAiB;4BAGlC,wBAAwB;AAE1D,gCAAoE;IACzE7B,MAAM;IACNC,WAAW;IACXC,WAAW;AACb,EAAE;AAEF;;CAEC,GAED,MAAMC,uBAAmBT,sBAAAA,EAAgB;IACvCU,SAAS;IACTC,UAAU;IACVC,YAAY;AACd;AAEA,MAAMC,wBAAoBb,sBAAAA,EAAgB;IACxCc,OAAOX,kBAAAA,CAAOY,uBAAuB;IACrCC,YAAYb,kBAAAA,CAAOc,mBAAmB;IACtC,GAAGb,4BAAAA,CAAiBc,QAAQ;AAC9B;AAEA,MAAMC,qBAAiBlB,iBAAAA,EAAW;IAChCmB,OAAO;QACLC,UAAUlB,kBAAAA,CAAOmB,eAAe;QAChCC,YAAYpB,kBAAAA,CAAOqB,iBAAiB;QACpCR,YAAYb,kBAAAA,CAAOsB,uBAAuB;IAC5C;IACAC,YAAY;QACVL,UAAUlB,kBAAAA,CAAOwB,eAAe;QAChCJ,YAAYpB,kBAAAA,CAAOyB,iBAAiB;QACpCZ,YAAYb,kBAAAA,CAAO0B,kBAAkB;IACvC;IACAC,QAAQ;QACNC,YAAY5B,kBAAAA,CAAO6B,kBAAkB;IACvC;IACAC,SAAS;QACP,YAAY;YACVC,SAAS;QACX;IACF;AACF;AAKO,wCAAwC,CAACE;IAC9C;IAEA,MAAM,EAAEC,IAAI,EAAE,GAAGD;IACjB,MAAME,gBAAgB7B;IACtB2B,MAAM9B,IAAI,CAACiC,SAAS,OAAGrC,mBAAAA,EAAaG,wBAAwBC,IAAI,EAAEgC,eAAeF,MAAM9B,IAAI,CAACiC,SAAS;IACrG,MAAMC,iBAAiB3B;IACvB,MAAM4B,cAActB;IAEpB,IAAIiB,MAAM7B,SAAS,EAAE;QACnB6B,MAAM7B,SAAS,CAACgC,SAAS,OAAGrC,mBAAAA,EAC1BG,wBAAwBE,SAAS,EACjCiC,gBACAC,YAAYX,MAAM,EAClBO,SAAS,WAAWI,YAAYrB,KAAK,EACrCiB,SAAS,iBAAiBI,YAAYf,UAAU,EAChDU,MAAM7B,SAAS,CAACgC,SAAS;IAE7B;IACA,IAAIH,MAAM5B,SAAS,EAAE;QACnB4B,MAAM5B,SAAS,CAAC+B,SAAS,OAAGrC,mBAAAA,EAC1BG,wBAAwBG,SAAS,EACjCgC,gBACAH,SAAS,WAAWI,YAAYrB,KAAK,EACrCiB,SAAS,iBAAiBI,YAAYf,UAAU,EAChDU,MAAM7B,SAAS,IAAIkC,YAAYR,OAAO,EACtCG,MAAM5B,SAAS,CAAC+B,SAAS;IAE7B;IAEA,OAAOH;AACT,EAAE"}