@fluentui/react-rating 0.0.0-nightly-20240318-0408.1

package/lib/components/RatingItem/useRatingItemStyles.styles.js

@@ -0,0 +1,163 @@
+import { __resetStyles, __styles, mergeClasses, shorthands } from '@griffel/react';
+import { tokens } from '@fluentui/react-theme';
+import { createFocusOutlineStyle } from '@fluentui/react-tabster';
+export const ratingItemClassNames = {
+  root: 'fui-RatingItem',
+  selectedIcon: 'fui-RatingItem__selectedIcon',
+  unselectedIcon: 'fui-RatingItem__unselectedIcon',
+  halfValueInput: 'fui-RatingItem__halfValueInput',
+  fullValueInput: 'fui-RatingItem__fullValueInput'
+};
+/**
+ * Styles for the root slot
+ */
+const useStyles = /*#__PURE__*/__styles({
+  root: {
+    qhf8xq: "f10pi13n",
+    Brovlpu: "ftqa4ok",
+    B486eqv: "f2hkw1w",
+    Bssx7fj: "f1b1k54r",
+    uh7if5: ["f4ne723", "fqqcjud"],
+    clntm0: "fh7aioi",
+    Dlk2r6: ["fqqcjud", "f4ne723"],
+    Bm3wd5j: "f1k55ka9",
+    Bbrhkcr: ["fgclinu", "f16pcs8n"],
+    f1oku: "fycbxed",
+    aywvf2: ["f16pcs8n", "fgclinu"],
+    B2j2mmj: "ffht0p2",
+    wigs8: "f1p0ul1q",
+    pbfy6t: "f1c901ms",
+    B0v4ure: "f1alokd7",
+    ghq09: "f78i1la",
+    B24cy0v: ["f1kvsw7t", "f1bw8brt"],
+    Bwckmig: "f8k7e5g",
+    Bvwlmkc: ["f1bw8brt", "f1kvsw7t"],
+    Bbgo44z: "f1pmxfrl",
+    Bil7v7r: ["fszkfcr", "f1ap5ily"],
+    skfxo0: "f57dp0y",
+    jo1ztg: ["f1ap5ily", "fszkfcr"],
+    Ba3ybja: ["f11dm2qb", "f136rfnd"],
+    az1dzo: ["f136rfnd", "f11dm2qb"],
+    vppk2z: ["fdsq1qd", "f1khssms"],
+    B6352mv: ["f1khssms", "fdsq1qd"],
+    nr063g: "fq4eyks",
+    Blmvk6g: ["f1ya6x16", "ftuszwa"],
+    Bsiemmq: "f1e2iu44",
+    B98u21t: ["ftuszwa", "f1ya6x16"],
+    B2pnrqr: "f1spmvte",
+    B29w5g4: ["fgp7k2s", "f13pb23"],
+    Bhhzhcn: "f1ihbrwi",
+    Bec0n69: ["f13pb23", "fgp7k2s"]
+  },
+  small: {
+    Be2twd7: "f1ugzwwg",
+    a9b677: "frx94fk",
+    Bqenvij: "fvblgha"
+  },
+  medium: {
+    Be2twd7: "f4ybsrx",
+    a9b677: "fjw5fx7",
+    Bqenvij: "fd461yt"
+  },
+  large: {
+    Be2twd7: "fe5j1ua",
+    a9b677: "f64fuq3",
+    Bqenvij: "fjamq6b"
+  },
+  "extra-large": {
+    Be2twd7: "f24l1pt",
+    a9b677: "f1w9dchk",
+    Bqenvij: "fxldao9"
+  }
+}, {
+  d: [".f10pi13n{position:relative;}", ".f1b1k54r[data-fui-focus-within]:focus-within{border-top-color:transparent;}", ".f4ne723[data-fui-focus-within]:focus-within{border-right-color:transparent;}", ".fqqcjud[data-fui-focus-within]:focus-within{border-left-color:transparent;}", ".fh7aioi[data-fui-focus-within]:focus-within{border-bottom-color:transparent;}", ".ffht0p2[data-fui-focus-within]:focus-within::after{content:\"\";}", ".f1p0ul1q[data-fui-focus-within]:focus-within::after{position:absolute;}", ".f1c901ms[data-fui-focus-within]:focus-within::after{pointer-events:none;}", ".f1alokd7[data-fui-focus-within]:focus-within::after{z-index:1;}", ".f78i1la[data-fui-focus-within]:focus-within::after{border-top-style:solid;}", ".f1kvsw7t[data-fui-focus-within]:focus-within::after{border-right-style:solid;}", ".f1bw8brt[data-fui-focus-within]:focus-within::after{border-left-style:solid;}", ".f8k7e5g[data-fui-focus-within]:focus-within::after{border-bottom-style:solid;}", ".f1pmxfrl[data-fui-focus-within]:focus-within::after{border-top-width:2px;}", ".fszkfcr[data-fui-focus-within]:focus-within::after{border-right-width:2px;}", ".f1ap5ily[data-fui-focus-within]:focus-within::after{border-left-width:2px;}", ".f57dp0y[data-fui-focus-within]:focus-within::after{border-bottom-width:2px;}", ".f11dm2qb[data-fui-focus-within]:focus-within::after{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f136rfnd[data-fui-focus-within]:focus-within::after{border-bottom-left-radius:var(--borderRadiusMedium);}", ".fdsq1qd[data-fui-focus-within]:focus-within::after{border-top-right-radius:var(--borderRadiusMedium);}", ".f1khssms[data-fui-focus-within]:focus-within::after{border-top-left-radius:var(--borderRadiusMedium);}", ".fq4eyks[data-fui-focus-within]:focus-within::after{border-top-color:var(--colorStrokeFocus2);}", ".f1ya6x16[data-fui-focus-within]:focus-within::after{border-right-color:var(--colorStrokeFocus2);}", ".ftuszwa[data-fui-focus-within]:focus-within::after{border-left-color:var(--colorStrokeFocus2);}", ".f1e2iu44[data-fui-focus-within]:focus-within::after{border-bottom-color:var(--colorStrokeFocus2);}", ".f1spmvte[data-fui-focus-within]:focus-within::after{top:calc(2px * -1);}", ".fgp7k2s[data-fui-focus-within]:focus-within::after{right:calc(2px * -1);}", ".f13pb23[data-fui-focus-within]:focus-within::after{left:calc(2px * -1);}", ".f1ihbrwi[data-fui-focus-within]:focus-within::after{bottom:calc(2px * -1);}", ".f1ugzwwg{font-size:12px;}", ".frx94fk{width:12px;}", ".fvblgha{height:12px;}", ".f4ybsrx{font-size:16px;}", ".fjw5fx7{width:16px;}", ".fd461yt{height:16px;}", ".fe5j1ua{font-size:20px;}", ".f64fuq3{width:20px;}", ".fjamq6b{height:20px;}", ".f24l1pt{font-size:28px;}", ".f1w9dchk{width:28px;}", ".fxldao9{height:28px;}"],
+  f: [".ftqa4ok:focus{outline-style:none;}"],
+  i: [".f2hkw1w:focus-visible{outline-style:none;}"],
+  m: [["@media (forced-colors: active){.f1k55ka9[data-fui-focus-within]:focus-within::after{border-top-color:Highlight;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f16pcs8n[data-fui-focus-within]:focus-within::after{border-left-color:Highlight;}.fgclinu[data-fui-focus-within]:focus-within::after{border-right-color:Highlight;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.fycbxed[data-fui-focus-within]:focus-within::after{border-bottom-color:Highlight;}}", {
+    m: "(forced-colors: active)"
+  }]]
+});
+const useInputBaseClassName = /*#__PURE__*/__resetStyles("r1qfsv1p", "rh8pzaz", [".r1qfsv1p{position:absolute;left:0;top:0;right:0;bottom:0;box-sizing:border-box;margin:0;opacity:0;cursor:pointer;height:100%;}", ".rh8pzaz{position:absolute;right:0;top:0;left:0;bottom:0;box-sizing:border-box;margin:0;opacity:0;cursor:pointer;height:100%;}"]);
+const useInputStyles = /*#__PURE__*/__styles({
+  lowerHalf: {
+    j35jbq: ["ffenbu1", "f1ktbn1t"]
+  },
+  upperHalf: {
+    oyh7mz: ["f1ktbn1t", "ffenbu1"]
+  }
+}, {
+  d: [".ffenbu1{right:50%;}", ".f1ktbn1t{left:50%;}"]
+});
+const useIndicatorBaseClassName = /*#__PURE__*/__resetStyles("r1420l2m", "r1yt29v5", [".r1420l2m{display:flex;overflow:hidden;color:var(--colorNeutralForeground1);fill:currentColor;pointer-events:none;position:absolute;left:0;right:0;top:0;bottom:0;}", ".r1yt29v5{display:flex;overflow:hidden;color:var(--colorNeutralForeground1);fill:currentColor;pointer-events:none;position:absolute;right:0;left:0;top:0;bottom:0;}"]);
+const useIndicatorStyles = /*#__PURE__*/__styles({
+  lowerHalf: {
+    j35jbq: ["ffenbu1", "f1ktbn1t"],
+    Csf7o1: "f1r2mfmy",
+    Bm69ki9: "f1t868b2",
+    Bchtypk: "fq3i0c1"
+  },
+  upperHalf: {
+    oyh7mz: ["f1ktbn1t", "ffenbu1"],
+    Frg6f3: ["fbm7ezh", "f3ev47i"]
+  },
+  brand: {
+    sj55zd: "f16muhyy"
+  },
+  marigold: {
+    sj55zd: "f1whvut0"
+  },
+  filled: {
+    sj55zd: "f1qaymga",
+    ojy3ng: "f13qq9og",
+    Bbusuzp: "f1cg6951",
+    B6jmk37: "f1am6ztc"
+  },
+  brandFilled: {
+    sj55zd: "f1kdv6iu"
+  },
+  marigoldFilled: {
+    sj55zd: "f1ymbmfq"
+  }
+}, {
+  d: [".ffenbu1{right:50%;}", ".f1ktbn1t{left:50%;}", ".f1r2mfmy>svg{flex-grow:0;}", ".f1t868b2>svg{flex-shrink:0;}", ".fq3i0c1>svg{flex-basis:auto;}", ".fbm7ezh{margin-left:-50%;}", ".f3ev47i{margin-right:-50%;}", ".f16muhyy{color:var(--colorBrandForeground1);}", ".f1whvut0{color:var(--colorPaletteMarigoldBorderActive);}", ".f1qaymga{color:var(--colorNeutralBackground6);}", ".f13qq9og{stroke:var(--colorTransparentStroke);}", ".f1kdv6iu{color:var(--colorBrandBackground2);}", ".f1ymbmfq{color:var(--colorPaletteMarigoldBackground2);}"],
+  m: [["@media (forced-colors: active){.f1cg6951{color:Canvas;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f1am6ztc{stroke:CanvasText;}}", {
+    m: "(forced-colors: active)"
+  }]]
+});
+/**
+ * Apply styling to the RatingItem slots based on the state
+ */
+export const useRatingItemStyles_unstable = state => {
+  const {
+    color,
+    size,
+    iconFillWidth,
+    appearance
+  } = state;
+  const styles = useStyles();
+  const inputBaseClassName = useInputBaseClassName();
+  const inputStyles = useInputStyles();
+  const indicatorBaseClassName = useIndicatorBaseClassName();
+  const indicatorStyles = useIndicatorStyles();
+  state.root.className = mergeClasses(ratingItemClassNames.root, styles.root, styles[size], state.root.className);
+  if (state.halfValueInput) {
+    state.halfValueInput.className = mergeClasses(ratingItemClassNames.halfValueInput, inputBaseClassName, inputStyles.lowerHalf, state.halfValueInput.className);
+  }
+  if (state.fullValueInput) {
+    state.fullValueInput.className = mergeClasses(ratingItemClassNames.fullValueInput, inputBaseClassName, state.halfValueInput && inputStyles.upperHalf, state.fullValueInput.className);
+  }
+  if (state.unselectedIcon) {
+    state.unselectedIcon.className = mergeClasses(ratingItemClassNames.unselectedIcon, indicatorBaseClassName, appearance === 'filled' && indicatorStyles.filled, color === 'brand' && (appearance === 'filled' ? indicatorStyles.brandFilled : indicatorStyles.brand), color === 'marigold' && (appearance === 'filled' ? indicatorStyles.marigoldFilled : indicatorStyles.marigold), iconFillWidth === 0.5 && indicatorStyles.upperHalf, state.unselectedIcon.className);
+  }
+  if (state.selectedIcon) {
+    state.selectedIcon.className = mergeClasses(ratingItemClassNames.selectedIcon, indicatorBaseClassName, color === 'brand' && indicatorStyles.brand, color === 'marigold' && indicatorStyles.marigold, iconFillWidth === 0.5 && indicatorStyles.lowerHalf, state.selectedIcon.className);
+  }
+  return state;
+};
+//# sourceMappingURL=useRatingItemStyles.styles.js.map

package/lib/components/RatingItem/useRatingItemStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__resetStyles","__styles","mergeClasses","shorthands","tokens","createFocusOutlineStyle","ratingItemClassNames","root","selectedIcon","unselectedIcon","halfValueInput","fullValueInput","useStyles","qhf8xq","Brovlpu","B486eqv","Bssx7fj","uh7if5","clntm0","Dlk2r6","Bm3wd5j","Bbrhkcr","f1oku","aywvf2","B2j2mmj","wigs8","pbfy6t","B0v4ure","ghq09","B24cy0v","Bwckmig","Bvwlmkc","Bbgo44z","Bil7v7r","skfxo0","jo1ztg","Ba3ybja","az1dzo","vppk2z","B6352mv","nr063g","Blmvk6g","Bsiemmq","B98u21t","B2pnrqr","B29w5g4","Bhhzhcn","Bec0n69","small","Be2twd7","a9b677","Bqenvij","medium","large","d","f","i","m","useInputBaseClassName","useInputStyles","lowerHalf","j35jbq","upperHalf","oyh7mz","useIndicatorBaseClassName","useIndicatorStyles","Csf7o1","Bm69ki9","Bchtypk","Frg6f3","brand","sj55zd","marigold","filled","ojy3ng","Bbusuzp","B6jmk37","brandFilled","marigoldFilled","useRatingItemStyles_unstable","state","color","size","iconFillWidth","appearance","styles","inputBaseClassName","inputStyles","indicatorBaseClassName","indicatorStyles","className"],"sources":["useRatingItemStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nexport const ratingItemClassNames = {\n    root: 'fui-RatingItem',\n    selectedIcon: 'fui-RatingItem__selectedIcon',\n    unselectedIcon: 'fui-RatingItem__unselectedIcon',\n    halfValueInput: 'fui-RatingItem__halfValueInput',\n    fullValueInput: 'fui-RatingItem__fullValueInput'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        position: 'relative',\n        ...createFocusOutlineStyle({\n            style: {},\n            selector: 'focus-within'\n        })\n    },\n    small: {\n        fontSize: '12px',\n        width: '12px',\n        height: '12px'\n    },\n    medium: {\n        fontSize: '16px',\n        width: '16px',\n        height: '16px'\n    },\n    large: {\n        fontSize: '20px',\n        width: '20px',\n        height: '20px'\n    },\n    'extra-large': {\n        fontSize: '28px',\n        width: '28px',\n        height: '28px'\n    }\n});\nconst useInputBaseClassName = makeResetStyles({\n    position: 'absolute',\n    left: 0,\n    top: 0,\n    right: 0,\n    bottom: 0,\n    boxSizing: 'border-box',\n    margin: 0,\n    opacity: 0,\n    cursor: 'pointer',\n    height: '100%'\n});\nconst useInputStyles = makeStyles({\n    lowerHalf: {\n        right: '50%'\n    },\n    upperHalf: {\n        left: '50%'\n    }\n});\nconst useIndicatorBaseClassName = makeResetStyles({\n    display: 'flex',\n    overflow: 'hidden',\n    color: tokens.colorNeutralForeground1,\n    fill: 'currentColor',\n    pointerEvents: 'none',\n    position: 'absolute',\n    left: 0,\n    right: 0,\n    top: 0,\n    bottom: 0\n});\nconst useIndicatorStyles = makeStyles({\n    lowerHalf: {\n        right: '50%',\n        '& > svg': {\n            ...shorthands.flex(0, 0, 'auto')\n        }\n    },\n    upperHalf: {\n        left: '50%',\n        marginLeft: '-50%'\n    },\n    brand: {\n        color: tokens.colorBrandForeground1\n    },\n    marigold: {\n        color: tokens.colorPaletteMarigoldBorderActive\n    },\n    filled: {\n        color: tokens.colorNeutralBackground6,\n        stroke: tokens.colorTransparentStroke,\n        '@media (forced-colors: active)': {\n            color: 'Canvas',\n            stroke: 'CanvasText'\n        }\n    },\n    brandFilled: {\n        color: tokens.colorBrandBackground2\n    },\n    marigoldFilled: {\n        color: tokens.colorPaletteMarigoldBackground2\n    }\n});\n/**\n * Apply styling to the RatingItem slots based on the state\n */ export const useRatingItemStyles_unstable = (state)=>{\n    const { color, size, iconFillWidth, appearance } = state;\n    const styles = useStyles();\n    const inputBaseClassName = useInputBaseClassName();\n    const inputStyles = useInputStyles();\n    const indicatorBaseClassName = useIndicatorBaseClassName();\n    const indicatorStyles = useIndicatorStyles();\n    state.root.className = mergeClasses(ratingItemClassNames.root, styles.root, styles[size], state.root.className);\n    if (state.halfValueInput) {\n        state.halfValueInput.className = mergeClasses(ratingItemClassNames.halfValueInput, inputBaseClassName, inputStyles.lowerHalf, state.halfValueInput.className);\n    }\n    if (state.fullValueInput) {\n        state.fullValueInput.className = mergeClasses(ratingItemClassNames.fullValueInput, inputBaseClassName, state.halfValueInput && inputStyles.upperHalf, state.fullValueInput.className);\n    }\n    if (state.unselectedIcon) {\n        state.unselectedIcon.className = mergeClasses(ratingItemClassNames.unselectedIcon, indicatorBaseClassName, appearance === 'filled' && indicatorStyles.filled, color === 'brand' && (appearance === 'filled' ? indicatorStyles.brandFilled : indicatorStyles.brand), color === 'marigold' && (appearance === 'filled' ? indicatorStyles.marigoldFilled : indicatorStyles.marigold), iconFillWidth === 0.5 && indicatorStyles.upperHalf, state.unselectedIcon.className);\n    }\n    if (state.selectedIcon) {\n        state.selectedIcon.className = mergeClasses(ratingItemClassNames.selectedIcon, indicatorBaseClassName, color === 'brand' && indicatorStyles.brand, color === 'marigold' && indicatorStyles.marigold, iconFillWidth === 0.5 && indicatorStyles.lowerHalf, state.selectedIcon.className);\n    }\n    return state;\n};\n"],"mappings":"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"}

package/lib/contexts/RatingItemContext.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { StarFilled, StarRegular } from '@fluentui/react-icons';
+/**
+ * RatingContext is provided by Rating, and is consumed by Rating to determine default values of some props.
+ */ export const RatingItemContext = /*#__PURE__*/ React.createContext(undefined);
+const ratingItemContextDefaultValue = {
+    color: 'neutral',
+    iconFilled: StarFilled,
+    iconOutline: StarRegular,
+    step: 1,
+    size: 'medium'
+};
+export const RatingItemProvider = RatingItemContext.Provider;
+/**
+ * Get the value of the RatingContext.
+ */ export const useRatingItemContextValue_unstable = ()=>React.useContext(RatingItemContext) || ratingItemContextDefaultValue;

package/lib/contexts/RatingItemContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["RatingItemContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { RatingItemContextValue } from '../RatingItem';\nimport { StarFilled, StarRegular } from '@fluentui/react-icons';\n\n/**\n * RatingContext is provided by Rating, and is consumed by Rating to determine default values of some props.\n */\nexport const RatingItemContext = React.createContext<RatingItemContextValue | undefined>(undefined);\nconst ratingItemContextDefaultValue: RatingItemContextValue = {\n  color: 'neutral',\n  iconFilled: StarFilled,\n  iconOutline: StarRegular,\n  step: 1,\n  size: 'medium',\n};\nexport const RatingItemProvider = RatingItemContext.Provider;\n\n/**\n * Get the value of the RatingContext.\n */\nexport const useRatingItemContextValue_unstable = () =>\n  React.useContext(RatingItemContext) || ratingItemContextDefaultValue;\n"],"names":["React","StarFilled","StarRegular","RatingItemContext","createContext","undefined","ratingItemContextDefaultValue","color","iconFilled","iconOutline","step","size","RatingItemProvider","Provider","useRatingItemContextValue_unstable","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,UAAU,EAAEC,WAAW,QAAQ,wBAAwB;AAEhE;;CAEC,GACD,OAAO,MAAMC,kCAAoBH,MAAMI,aAAa,CAAqCC,WAAW;AACpG,MAAMC,gCAAwD;IAC5DC,OAAO;IACPC,YAAYP;IACZQ,aAAaP;IACbQ,MAAM;IACNC,MAAM;AACR;AACA,OAAO,MAAMC,qBAAqBT,kBAAkBU,QAAQ,CAAC;AAE7D;;CAEC,GACD,OAAO,MAAMC,qCAAqC,IAChDd,MAAMe,UAAU,CAACZ,sBAAsBG,8BAA8B"}

package/lib/contexts/index.js

@@ -0,0 +1 @@
+export * from './RatingItemContext';

package/lib/contexts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './RatingItemContext';\n"],"names":[],"mappings":"AAAA,cAAc,sBAAsB"}

package/lib/index.js

@@ -0,0 +1,4 @@
+export { Rating, ratingClassNames, renderRating_unstable, useRatingStyles_unstable, useRating_unstable, useRatingContextValues } from './Rating';
+export { RatingItem, ratingItemClassNames, renderRatingItem_unstable, useRatingItemStyles_unstable, useRatingItem_unstable } from './RatingItem';
+export { RatingItemProvider, useRatingItemContextValue_unstable } from './contexts/index';
+export { RatingDisplay, ratingDisplayClassNames, renderRatingDisplay_unstable, useRatingDisplayStyles_unstable, useRatingDisplay_unstable, useRatingDisplayContextValues } from './RatingDisplay';

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n  Rating,\n  ratingClassNames,\n  renderRating_unstable,\n  useRatingStyles_unstable,\n  useRating_unstable,\n  useRatingContextValues,\n} from './Rating';\nexport type { RatingProps, RatingSlots, RatingState, RatingOnChangeEventData, RatingContextValues } from './Rating';\nexport {\n  RatingItem,\n  ratingItemClassNames,\n  renderRatingItem_unstable,\n  useRatingItemStyles_unstable,\n  useRatingItem_unstable,\n} from './RatingItem';\nexport type { RatingItemProps, RatingItemSlots, RatingItemState } from './RatingItem';\nexport { RatingItemProvider, useRatingItemContextValue_unstable } from './contexts/index';\nexport {\n  RatingDisplay,\n  ratingDisplayClassNames,\n  renderRatingDisplay_unstable,\n  useRatingDisplayStyles_unstable,\n  useRatingDisplay_unstable,\n  useRatingDisplayContextValues,\n} from './RatingDisplay';\nexport type {\n  RatingDisplayProps,\n  RatingDisplaySlots,\n  RatingDisplayState,\n  RatingDisplayContextValues,\n} from './RatingDisplay';\n"],"names":["Rating","ratingClassNames","renderRating_unstable","useRatingStyles_unstable","useRating_unstable","useRatingContextValues","RatingItem","ratingItemClassNames","renderRatingItem_unstable","useRatingItemStyles_unstable","useRatingItem_unstable","RatingItemProvider","useRatingItemContextValue_unstable","RatingDisplay","ratingDisplayClassNames","renderRatingDisplay_unstable","useRatingDisplayStyles_unstable","useRatingDisplay_unstable","useRatingDisplayContextValues"],"mappings":"AAAA,SACEA,MAAM,EACNC,gBAAgB,EAChBC,qBAAqB,EACrBC,wBAAwB,EACxBC,kBAAkB,EAClBC,sBAAsB,QACjB,WAAW;AAElB,SACEC,UAAU,EACVC,oBAAoB,EACpBC,yBAAyB,EACzBC,4BAA4B,EAC5BC,sBAAsB,QACjB,eAAe;AAEtB,SAASC,kBAAkB,EAAEC,kCAAkC,QAAQ,mBAAmB;AAC1F,SACEC,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,+BAA+B,EAC/BC,yBAAyB,EACzBC,6BAA6B,QACxB,kBAAkB"}

package/lib-commonjs/Rating.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./components/Rating/index"), exports);

package/lib-commonjs/Rating.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Rating.js"],"sourcesContent":["export * from './components/Rating/index';\n"],"names":[],"mappings":";;;;;uBAAc"}

package/lib-commonjs/RatingDisplay.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./components/RatingDisplay/index"), exports);

package/lib-commonjs/RatingDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["RatingDisplay.js"],"sourcesContent":["export * from './components/RatingDisplay/index';\n"],"names":[],"mappings":";;;;;uBAAc"}

package/lib-commonjs/RatingItem.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./components/RatingItem/index"), exports);

package/lib-commonjs/RatingItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["RatingItem.js"],"sourcesContent":["export * from './components/RatingItem/index';\n"],"names":[],"mappings":";;;;;uBAAc"}

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Rating", {
+    enumerable: true,
+    get: function() {
+        return Rating;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useRating = require("./useRating");
+const _renderRating = require("./renderRating");
+const _useRatingStylesstyles = require("./useRatingStyles.styles");
+const _useRatingContextValues = require("./useRatingContextValues");
+const Rating = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useRating.useRating_unstable)(props, ref);
+    const contextValues = (0, _useRatingContextValues.useRatingContextValues)(state);
+    (0, _useRatingStylesstyles.useRatingStyles_unstable)(state);
+    return (0, _renderRating.renderRating_unstable)(state, contextValues);
+});
+Rating.displayName = 'Rating';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Rating.js"],"sourcesContent":["import * as React from 'react';\nimport { useRating_unstable } from './useRating';\nimport { renderRating_unstable } from './renderRating';\nimport { useRatingStyles_unstable } from './useRatingStyles.styles';\nimport { useRatingContextValues } from './useRatingContextValues';\n/**\n * Rating is a wrapper for one or more rating items that will be used to set a rating value.\n */ export const Rating = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useRating_unstable(props, ref);\n    const contextValues = useRatingContextValues(state);\n    useRatingStyles_unstable(state);\n    return renderRating_unstable(state, contextValues);\n});\nRating.displayName = 'Rating';\n"],"names":["Rating","React","forwardRef","props","ref","state","useRating_unstable","contextValues","useRatingContextValues","useRatingStyles_unstable","renderRating_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;2BACY;8BACG;uCACG;wCACF;AAG5B,MAAMA,SAAS,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7D,MAAMC,QAAQC,IAAAA,6BAAkB,EAACH,OAAOC;IACxC,MAAMG,gBAAgBC,IAAAA,8CAAsB,EAACH;IAC7CI,IAAAA,+CAAwB,EAACJ;IACzB,OAAOK,IAAAA,mCAAqB,EAACL,OAAOE;AACxC;AACAP,OAAOW,WAAW,GAAG"}

package/lib-commonjs/components/Rating/Rating.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"));

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Rating.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;iEAAuB"}

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./Rating"), exports);
+_export_star._(require("./Rating.types"), exports);
+_export_star._(require("./renderRating"), exports);
+_export_star._(require("./useRating"), exports);
+_export_star._(require("./useRatingStyles.styles"), exports);
+_export_star._(require("./useRatingContextValues"), exports);

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './Rating';\nexport * from './Rating.types';\nexport * from './renderRating';\nexport * from './useRating';\nexport * from './useRatingStyles.styles';\nexport * from './useRatingContextValues';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/Rating/renderRating.js

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

package/lib-commonjs/components/Rating/renderRating.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderRating.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { RatingItemProvider } from '../../contexts/RatingItemContext';\n/**\n * Render the final JSX of Rating\n */ export const renderRating_unstable = (state, contextValues)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(RatingItemProvider, {\n        value: contextValues.ratingItem,\n        children: /*#__PURE__*/ _jsx(state.root, {})\n    });\n};\n"],"names":["renderRating_unstable","state","contextValues","assertSlots","_jsx","RatingItemProvider","value","ratingItem","children","root"],"mappings":";;;;+BAKiBA;;;eAAAA;;;4BALa;gCACF;mCACO;AAGxB,MAAMA,wBAAwB,CAACC,OAAOC;IAC7CC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,eAAI,EAACC,qCAAkB,EAAE;QAC1CC,OAAOJ,cAAcK,UAAU;QAC/BC,UAAU,WAAW,GAAGJ,IAAAA,eAAI,EAACH,MAAMQ,IAAI,EAAE,CAAC;IAC9C;AACJ"}

package/lib-commonjs/components/Rating/useRating.js

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useRating_unstable", {
+    enumerable: true,
+    get: function() {
+        return useRating_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 _RatingItem = require("../../RatingItem");
+const _reacticons = require("@fluentui/react-icons");
+const useRating_unstable = (props, ref)=>{
+    const generatedName = (0, _reactutilities.useId)('rating-');
+    const { color = 'neutral', iconFilled = _reacticons.StarFilled, iconOutline = _reacticons.StarRegular, max = 5, name = generatedName, onChange, step = 1, size = 'extra-large' } = props;
+    const [value, setValue] = (0, _reactutilities.useControllableState)({
+        state: props.value,
+        defaultState: props.defaultValue,
+        initialState: 0
+    });
+    const isRatingRadioItem = (target)=>(0, _reactutilities.isHTMLElement)(target, {
+            constructorName: 'HTMLInputElement'
+        }) && target.type === 'radio' && target.name === name;
+    const [hoveredValue, setHoveredValue] = _react.useState(undefined);
+    // Generate the child RatingItems and memoize them to prevent unnecessary re-rendering
+    const rootChildren = _react.useMemo(()=>{
+        return Array.from(Array(max), (_, i)=>/*#__PURE__*/ _react.createElement(_RatingItem.RatingItem, {
+                value: i + 1,
+                key: i + 1
+            }));
+    }, [
+        max
+    ]);
+    const state = {
+        color,
+        iconFilled,
+        iconOutline,
+        name,
+        step,
+        size,
+        value,
+        hoveredValue,
+        components: {
+            root: 'div'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+            ref,
+            children: rootChildren,
+            role: 'radiogroup',
+            ...props
+        }, [
+            'onChange'
+        ]), {
+            elementType: 'div'
+        })
+    };
+    state.root.onChange = (ev)=>{
+        if (isRatingRadioItem(ev.target)) {
+            const newValue = parseFloat(ev.target.value);
+            if (!isNaN(newValue)) {
+                setValue(newValue);
+                onChange === null || onChange === void 0 ? void 0 : onChange(ev, {
+                    type: 'change',
+                    event: ev,
+                    value: newValue
+                });
+            }
+        }
+    };
+    state.root.onMouseOver = (0, _reactutilities.mergeCallbacks)(props.onMouseOver, (ev)=>{
+        if (isRatingRadioItem(ev.target)) {
+            const newValue = parseFloat(ev.target.value);
+            if (!isNaN(newValue)) {
+                setHoveredValue(newValue);
+            }
+        }
+    });
+    state.root.onMouseLeave = (0, _reactutilities.mergeCallbacks)(props.onMouseLeave, (ev)=>{
+        setHoveredValue(undefined);
+    });
+    return state;
+};

package/lib-commonjs/components/Rating/useRating.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useRating.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, isHTMLElement, mergeCallbacks, slot, useControllableState, useId } from '@fluentui/react-utilities';\nimport { RatingItem } from '../../RatingItem';\nimport { StarFilled, StarRegular } from '@fluentui/react-icons';\n/**\n * Create the state required to render Rating.\n *\n * The returned state can be modified with hooks such as useRatingStyles_unstable,\n * before being passed to renderRating_unstable.\n *\n * @param props - props from this instance of Rating\n * @param ref - reference to root HTMLElement of Rating\n */ export const useRating_unstable = (props, ref)=>{\n    const generatedName = useId('rating-');\n    const { color = 'neutral', iconFilled = StarFilled, iconOutline = StarRegular, max = 5, name = generatedName, onChange, step = 1, size = 'extra-large' } = props;\n    const [value, setValue] = useControllableState({\n        state: props.value,\n        defaultState: props.defaultValue,\n        initialState: 0\n    });\n    const isRatingRadioItem = (target)=>isHTMLElement(target, {\n            constructorName: 'HTMLInputElement'\n        }) && target.type === 'radio' && target.name === name;\n    const [hoveredValue, setHoveredValue] = React.useState(undefined);\n    // Generate the child RatingItems and memoize them to prevent unnecessary re-rendering\n    const rootChildren = React.useMemo(()=>{\n        return Array.from(Array(max), (_, i)=>/*#__PURE__*/ React.createElement(RatingItem, {\n                value: i + 1,\n                key: i + 1\n            }));\n    }, [\n        max\n    ]);\n    const state = {\n        color,\n        iconFilled,\n        iconOutline,\n        name,\n        step,\n        size,\n        value,\n        hoveredValue,\n        components: {\n            root: 'div'\n        },\n        root: slot.always(getIntrinsicElementProps('div', {\n            ref,\n            children: rootChildren,\n            role: 'radiogroup',\n            ...props\n        }, [\n            'onChange'\n        ]), {\n            elementType: 'div'\n        })\n    };\n    state.root.onChange = (ev)=>{\n        if (isRatingRadioItem(ev.target)) {\n            const newValue = parseFloat(ev.target.value);\n            if (!isNaN(newValue)) {\n                setValue(newValue);\n                onChange === null || onChange === void 0 ? void 0 : onChange(ev, {\n                    type: 'change',\n                    event: ev,\n                    value: newValue\n                });\n            }\n        }\n    };\n    state.root.onMouseOver = mergeCallbacks(props.onMouseOver, (ev)=>{\n        if (isRatingRadioItem(ev.target)) {\n            const newValue = parseFloat(ev.target.value);\n            if (!isNaN(newValue)) {\n                setHoveredValue(newValue);\n            }\n        }\n    });\n    state.root.onMouseLeave = mergeCallbacks(props.onMouseLeave, (ev)=>{\n        setHoveredValue(undefined);\n    });\n    return state;\n};\n"],"names":["useRating_unstable","props","ref","generatedName","useId","color","iconFilled","StarFilled","iconOutline","StarRegular","max","name","onChange","step","size","value","setValue","useControllableState","state","defaultState","defaultValue","initialState","isRatingRadioItem","target","isHTMLElement","constructorName","type","hoveredValue","setHoveredValue","React","useState","undefined","rootChildren","useMemo","Array","from","_","i","createElement","RatingItem","key","components","root","slot","always","getIntrinsicElementProps","children","role","elementType","ev","newValue","parseFloat","isNaN","event","onMouseOver","mergeCallbacks","onMouseLeave"],"mappings":";;;;+BAYiBA;;;eAAAA;;;;iEAZM;gCACoF;4BAChF;4BACa;AAS7B,MAAMA,qBAAqB,CAACC,OAAOC;IAC1C,MAAMC,gBAAgBC,IAAAA,qBAAK,EAAC;IAC5B,MAAM,EAAEC,QAAQ,SAAS,EAAEC,aAAaC,sBAAU,EAAEC,cAAcC,uBAAW,EAAEC,MAAM,CAAC,EAAEC,OAAOR,aAAa,EAAES,QAAQ,EAAEC,OAAO,CAAC,EAAEC,OAAO,aAAa,EAAE,GAAGb;IAC3J,MAAM,CAACc,OAAOC,SAAS,GAAGC,IAAAA,oCAAoB,EAAC;QAC3CC,OAAOjB,MAAMc,KAAK;QAClBI,cAAclB,MAAMmB,YAAY;QAChCC,cAAc;IAClB;IACA,MAAMC,oBAAoB,CAACC,SAASC,IAAAA,6BAAa,EAACD,QAAQ;YAClDE,iBAAiB;QACrB,MAAMF,OAAOG,IAAI,KAAK,WAAWH,OAAOZ,IAAI,KAAKA;IACrD,MAAM,CAACgB,cAAcC,gBAAgB,GAAGC,OAAMC,QAAQ,CAACC;IACvD,sFAAsF;IACtF,MAAMC,eAAeH,OAAMI,OAAO,CAAC;QAC/B,OAAOC,MAAMC,IAAI,CAACD,MAAMxB,MAAM,CAAC0B,GAAGC,IAAI,WAAW,GAAGR,OAAMS,aAAa,CAACC,sBAAU,EAAE;gBAC5ExB,OAAOsB,IAAI;gBACXG,KAAKH,IAAI;YACb;IACR,GAAG;QACC3B;KACH;IACD,MAAMQ,QAAQ;QACVb;QACAC;QACAE;QACAG;QACAE;QACAC;QACAC;QACAY;QACAc,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9C3C;YACA4C,UAAUd;YACVe,MAAM;YACN,GAAG9C,KAAK;QACZ,GAAG;YACC;SACH,GAAG;YACA+C,aAAa;QACjB;IACJ;IACA9B,MAAMwB,IAAI,CAAC9B,QAAQ,GAAG,CAACqC;QACnB,IAAI3B,kBAAkB2B,GAAG1B,MAAM,GAAG;YAC9B,MAAM2B,WAAWC,WAAWF,GAAG1B,MAAM,CAACR,KAAK;YAC3C,IAAI,CAACqC,MAAMF,WAAW;gBAClBlC,SAASkC;gBACTtC,aAAa,QAAQA,aAAa,KAAK,IAAI,KAAK,IAAIA,SAASqC,IAAI;oBAC7DvB,MAAM;oBACN2B,OAAOJ;oBACPlC,OAAOmC;gBACX;YACJ;QACJ;IACJ;IACAhC,MAAMwB,IAAI,CAACY,WAAW,GAAGC,IAAAA,8BAAc,EAACtD,MAAMqD,WAAW,EAAE,CAACL;QACxD,IAAI3B,kBAAkB2B,GAAG1B,MAAM,GAAG;YAC9B,MAAM2B,WAAWC,WAAWF,GAAG1B,MAAM,CAACR,KAAK;YAC3C,IAAI,CAACqC,MAAMF,WAAW;gBAClBtB,gBAAgBsB;YACpB;QACJ;IACJ;IACAhC,MAAMwB,IAAI,CAACc,YAAY,GAAGD,IAAAA,8BAAc,EAACtD,MAAMuD,YAAY,EAAE,CAACP;QAC1DrB,gBAAgBG;IACpB;IACA,OAAOb;AACX"}

package/lib-commonjs/components/Rating/useRatingContextValues.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useRatingContextValues", {
+    enumerable: true,
+    get: function() {
+        return useRatingContextValues;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const useRatingContextValues = (ratingState)=>{
+    const { color, hoveredValue, iconFilled, iconOutline, itemLabel, name, step, size, value } = ratingState;
+    const ratingItem = _react.useMemo(()=>({
+            color,
+            hoveredValue,
+            iconFilled,
+            iconOutline,
+            interactive: true,
+            itemLabel,
+            name,
+            step,
+            size,
+            value
+        }), [
+        color,
+        hoveredValue,
+        iconFilled,
+        iconOutline,
+        itemLabel,
+        name,
+        step,
+        size,
+        value
+    ]);
+    return {
+        ratingItem
+    };
+};

package/lib-commonjs/components/Rating/useRatingContextValues.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useRatingContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport const useRatingContextValues = (ratingState)=>{\n    const { color, hoveredValue, iconFilled, iconOutline, itemLabel, name, step, size, value } = ratingState;\n    const ratingItem = React.useMemo(()=>({\n            color,\n            hoveredValue,\n            iconFilled,\n            iconOutline,\n            interactive: true,\n            itemLabel,\n            name,\n            step,\n            size,\n            value\n        }), [\n        color,\n        hoveredValue,\n        iconFilled,\n        iconOutline,\n        itemLabel,\n        name,\n        step,\n        size,\n        value\n    ]);\n    return {\n        ratingItem\n    };\n};\n"],"names":["useRatingContextValues","ratingState","color","hoveredValue","iconFilled","iconOutline","itemLabel","name","step","size","value","ratingItem","React","useMemo","interactive"],"mappings":";;;;+BACaA;;;eAAAA;;;;iEADU;AAChB,MAAMA,yBAAyB,CAACC;IACnC,MAAM,EAAEC,KAAK,EAAEC,YAAY,EAAEC,UAAU,EAAEC,WAAW,EAAEC,SAAS,EAAEC,IAAI,EAAEC,IAAI,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGT;IAC7F,MAAMU,aAAaC,OAAMC,OAAO,CAAC,IAAK,CAAA;YAC9BX;YACAC;YACAC;YACAC;YACAS,aAAa;YACbR;YACAC;YACAC;YACAC;YACAC;QACJ,CAAA,GAAI;QACJR;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;KACH;IACD,OAAO;QACHC;IACJ;AACJ"}

package/lib-commonjs/components/Rating/useRatingStyles.styles.js

@@ -0,0 +1,32 @@
+"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, {
+    ratingClassNames: function() {
+        return ratingClassNames;
+    },
+    useRatingStyles_unstable: function() {
+        return useRatingStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const ratingClassNames = {
+    root: 'fui-Rating'
+};
+/**
+ * Styles for the root slot
+ */ const useRootClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r2imjyh", null, [
+    ".r2imjyh{display:flex;flex-wrap:wrap;}"
+]);
+const useRatingStyles_unstable = (state)=>{
+    const rootClassName = useRootClassName();
+    state.root.className = (0, _react.mergeClasses)(ratingClassNames.root, rootClassName, state.root.className);
+    return state;
+}; //# sourceMappingURL=useRatingStyles.styles.js.map

package/lib-commonjs/components/Rating/useRatingStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useRatingStyles.styles.js"],"sourcesContent":["import { __resetStyles, mergeClasses } from '@griffel/react';\nexport const ratingClassNames = {\n  root: 'fui-Rating'\n};\n/**\n * Styles for the root slot\n */\nconst useRootClassName = /*#__PURE__*/__resetStyles(\"r2imjyh\", null, [\".r2imjyh{display:flex;flex-wrap:wrap;}\"]);\n/**\n * Apply styling to the Rating slots based on the state\n */\nexport const useRatingStyles_unstable = state => {\n  const rootClassName = useRootClassName();\n  state.root.className = mergeClasses(ratingClassNames.root, rootClassName, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useRatingStyles.styles.js.map"],"names":["ratingClassNames","useRatingStyles_unstable","root","useRootClassName","__resetStyles","state","rootClassName","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,gBAAgB;eAAhBA;;IAUAC,wBAAwB;eAAxBA;;;uBAX+B;AACrC,MAAMD,mBAAmB;IAC9BE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,mBAAmB,WAAW,GAAEC,IAAAA,oBAAa,EAAC,WAAW,MAAM;IAAC;CAAyC;AAIxG,MAAMH,2BAA2BI,CAAAA;IACtC,MAAMC,gBAAgBH;IACtBE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,iBAAiBE,IAAI,EAAEI,eAAeD,MAAMH,IAAI,CAACK,SAAS;IAC9F,OAAOF;AACT,GACA,kDAAkD"}

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

@@ -0,0 +1,23 @@
+"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 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);
+    return (0, _renderRatingDisplay.renderRatingDisplay_unstable)(state, contextValues);
+});
+RatingDisplay.displayName = 'RatingDisplay';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["RatingDisplay.js"],"sourcesContent":["import * as React from 'react';\nimport { useRatingDisplay_unstable } from './useRatingDisplay';\nimport { renderRatingDisplay_unstable } from './renderRatingDisplay';\nimport { useRatingDisplayStyles_unstable } from './useRatingDisplayStyles.styles';\nimport { useRatingDisplayContextValues } from './useRatingDisplayContextValues';\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 */ export const RatingDisplay = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useRatingDisplay_unstable(props, ref);\n    const contextValues = useRatingDisplayContextValues(state);\n    useRatingDisplayStyles_unstable(state);\n    return renderRatingDisplay_unstable(state, contextValues);\n});\nRatingDisplay.displayName = 'RatingDisplay';\n"],"names":["RatingDisplay","React","forwardRef","props","ref","state","useRatingDisplay_unstable","contextValues","useRatingDisplayContextValues","useRatingDisplayStyles_unstable","renderRatingDisplay_unstable","displayName"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;kCACmB;qCACG;8CACG;+CACF;AAInC,MAAMA,gBAAgB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACpE,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/C,MAAMG,gBAAgBC,IAAAA,4DAA6B,EAACH;IACpDI,IAAAA,6DAA+B,EAACJ;IAChC,OAAOK,IAAAA,iDAA4B,EAACL,OAAOE;AAC/C;AACAP,cAAcW,WAAW,GAAG"}

package/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"));

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

@@ -0,0 +1 @@
+{"version":3,"sources":["RatingDisplay.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;iEAAuB"}

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./RatingDisplay"), exports);
+_export_star._(require("./RatingDisplay.types"), exports);
+_export_star._(require("./renderRatingDisplay"), exports);
+_export_star._(require("./useRatingDisplay"), exports);
+_export_star._(require("./useRatingDisplayStyles.styles"), exports);
+_export_star._(require("./useRatingDisplayContextValues"), exports);

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './RatingDisplay';\nexport * from './RatingDisplay.types';\nexport * from './renderRatingDisplay';\nexport * from './useRatingDisplay';\nexport * from './useRatingDisplayStyles.styles';\nexport * from './useRatingDisplayContextValues';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA"}

package/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, {})
+            ]
+        })
+    });
+};