@fluentui/react-breadcrumb 9.0.31 → 9.0.32

package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useBreadcrumbButton.js"],"sourcesContent":["import * as React from 'react';\nimport { useButton_unstable } from '@fluentui/react-button';\nimport { useBreadcrumbContext_unstable } from '../Breadcrumb/BreadcrumbContext';\n/**\n * Create the state required to render BreadcrumbButton.\n *\n * The returned state can be modified with hooks such as useBreadcrumbButtonStyles_unstable,\n * before being passed to renderBreadcrumbButton_unstable.\n *\n * @param props - props from this instance of BreadcrumbButton\n * @param ref - reference to root HTMLElement of BreadcrumbButton\n */ export const useBreadcrumbButton_unstable = (props, ref)=>{\n    const { size } = useBreadcrumbContext_unstable();\n    const { current = false, as, ...rest } = props;\n    const controlType = (as !== null && as !== void 0 ? as : props.href) ? 'a' : 'button';\n    var _props_ariacurrent, _props_ariadisabled;\n    return {\n        ...useButton_unstable({\n            appearance: 'subtle',\n            role: undefined,\n            type: undefined,\n            as: controlType,\n            iconPosition: 'before',\n            'aria-current': current ? (_props_ariacurrent = props['aria-current']) !== null && _props_ariacurrent !== void 0 ? _props_ariacurrent : 'page' : undefined,\n            'aria-disabled': current ? (_props_ariadisabled = props['aria-disabled']) !== null && _props_ariadisabled !== void 0 ? _props_ariadisabled : true : undefined,\n            ...rest\n        }, ref),\n        current,\n        size\n    };\n};\n"],"names":["useBreadcrumbButton_unstable","props","ref","size","useBreadcrumbContext_unstable","current","as","rest","controlType","href","_props_ariacurrent","_props_ariadisabled","useButton_unstable","appearance","role","undefined","type","iconPosition"],"mappings":";;;;+BAWiBA;;;eAAAA;;;;iEAXM;6BACY;mCACW;AASnC,MAAMA,+BAA+B,CAACC,OAAOC;IACpD,MAAM,EAAEC,IAAI,EAAE,GAAGC,IAAAA,gDAA6B;IAC9C,MAAM,EAAEC,UAAU,KAAK,EAAEC,EAAE,EAAE,GAAGC,MAAM,GAAGN;IACzC,MAAMO,cAAc,AAACF,CAAAA,OAAO,QAAQA,OAAO,KAAK,IAAIA,KAAKL,MAAMQ,IAAI,AAAD,IAAK,MAAM;IAC7E,IAAIC,oBAAoBC;IACxB,OAAO;QACH,GAAGC,IAAAA,+BAAkB,EAAC;YAClBC,YAAY;YACZC,MAAMC;YACNC,MAAMD;YACNT,IAAIE;YACJS,cAAc;YACd,gBAAgBZ,UAAU,AAACK,CAAAA,qBAAqBT,KAAK,CAAC,eAAe,AAAD,MAAO,QAAQS,uBAAuB,KAAK,IAAIA,qBAAqB,SAASK;YACjJ,iBAAiBV,UAAU,AAACM,CAAAA,sBAAsBV,KAAK,CAAC,gBAAgB,AAAD,MAAO,QAAQU,wBAAwB,KAAK,IAAIA,sBAAsB,OAAOI;YACpJ,GAAGR,IAAI;QACX,GAAGL,IAAI;QACPG;QACAF;IACJ;AACJ"}
+{"version":3,"sources":["useBreadcrumbButton.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ARIAButtonProps } from '@fluentui/react-aria';\nimport { useButton_unstable } from '@fluentui/react-button';\nimport type { ButtonProps } from '@fluentui/react-button';\nimport { useBreadcrumbContext_unstable } from '../Breadcrumb/BreadcrumbContext';\nimport type { BreadcrumbButtonProps, BreadcrumbButtonState } from './BreadcrumbButton.types';\n\n/**\n * Create the state required to render BreadcrumbButton.\n *\n * The returned state can be modified with hooks such as useBreadcrumbButtonStyles_unstable,\n * before being passed to renderBreadcrumbButton_unstable.\n *\n * @param props - props from this instance of BreadcrumbButton\n * @param ref - reference to root HTMLElement of BreadcrumbButton\n */\nexport const useBreadcrumbButton_unstable = (\n  props: BreadcrumbButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): BreadcrumbButtonState => {\n  const { size } = useBreadcrumbContext_unstable();\n  const { current = false, as, ...rest } = props;\n\n  const controlType = as ?? (props as ARIAButtonProps<'a'>).href ? 'a' : 'button';\n\n  return {\n    ...useButton_unstable(\n      {\n        appearance: 'subtle',\n        role: undefined,\n        type: undefined,\n        as: controlType,\n        iconPosition: 'before',\n        'aria-current': current ? props['aria-current'] ?? 'page' : undefined,\n        'aria-disabled': current ? props['aria-disabled'] ?? true : undefined,\n        ...rest,\n      } as ButtonProps,\n      ref,\n    ),\n    current,\n    size,\n  };\n};\n"],"names":["useBreadcrumbButton_unstable","props","ref","size","useBreadcrumbContext_unstable","current","as","rest","controlType","href","useButton_unstable","appearance","role","undefined","type","iconPosition"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAgBaA;;;eAAAA;;;;iEAhBU;6BAEY;mCAEW;AAYvC,MAAMA,+BAA+B,CAC1CC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAE,GAAGC,IAAAA,gDAAAA;IACjB,MAAM,EAAEC,UAAU,KAAK,EAAEC,EAAE,EAAE,GAAGC,MAAM,GAAGN;IAEzC,MAAMO,cAAcF,CAAAA,OAAAA,QAAAA,OAAAA,KAAAA,IAAAA,KAAML,MAAgCQ,IAAI,AAAJA,IAAO,MAAM;QAUvCR,oBACCA;IATjC,OAAO;QACL,GAAGS,IAAAA,+BAAAA,EACD;YACEC,YAAY;YACZC,MAAMC;YACNC,MAAMD;YACNP,IAAIE;YACJO,cAAc;YACd,gBAAgBV,UAAUJ,CAAAA,qBAAAA,KAAK,CAAC,eAAe,AAAf,MAAe,QAArBA,uBAAAA,KAAAA,IAAAA,qBAAyB,SAASY;YAC5D,iBAAiBR,UAAUJ,CAAAA,sBAAAA,KAAK,CAAC,gBAAgB,AAAhB,MAAgB,QAAtBA,wBAAAA,KAAAA,IAAAA,sBAA0B,OAAOY;YAC5D,GAAGN,IAAI;QACT,GACAL,IACD;QACDG;QACAF;IACF;AACF"}

package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useBreadcrumbButtonStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { useButtonStyles_unstable, buttonClassNames } from '@fluentui/react-button';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const breadcrumbButtonClassNames = {\n  root: 'fui-BreadcrumbButton',\n  icon: 'fui-BreadcrumbButton__icon'\n};\n/**\n * CSS variable names used internally for styling in the Breadcrumb.\n */\nconst breadcrumbCSSVars = {\n  breadcrumbIconSizeVar: '--fui-Breadcrumb--icon-size',\n  breadcrumbIconLineHeightVar: '--fui-Breadcrumb--icon-line-height'\n};\nconst useIconStyles = /*#__PURE__*/__styles({\n  base: {\n    Be2twd7: \"fsj74e5\",\n    Bqenvij: \"f1qfv4wv\",\n    Bg96gwp: \"f15xapk4\",\n    a9b677: \"f17j33op\",\n    t21cq0: [\"fm0x6gh\", \"fbyavb5\"]\n  },\n  small: {\n    u3h8gg: \"f1qfi7kw\",\n    Biu6dll: \"f1876atl\"\n  },\n  medium: {\n    u3h8gg: \"f1h9446d\",\n    Biu6dll: \"f10xfswh\"\n  },\n  large: {\n    u3h8gg: \"f5hcofs\",\n    Biu6dll: \"f1a6v6zl\"\n  }\n}, {\n  d: [\".fsj74e5{font-size:var(--fui-Breadcrumb--icon-size);}\", \".f1qfv4wv{height:var(--fui-Breadcrumb--icon-size);}\", \".f15xapk4{line-height:var(--fui-Breadcrumb--icon-line-height);}\", \".f17j33op{width:var(--fui-Breadcrumb--icon-size);}\", \".fm0x6gh{margin-right:var(--spacingHorizontalXS);}\", \".fbyavb5{margin-left:var(--spacingHorizontalXS);}\", \".f1qfi7kw{--fui-Breadcrumb--icon-size:12px;}\", \".f1876atl{--fui-Breadcrumb--icon-line-height:var(--lineHeightBase200);}\", \".f1h9446d{--fui-Breadcrumb--icon-size:16px;}\", \".f10xfswh{--fui-Breadcrumb--icon-line-height:var(--lineHeightBase400);}\", \".f5hcofs{--fui-Breadcrumb--icon-size:20px;}\", \".f1a6v6zl{--fui-Breadcrumb--icon-line-height:var(--lineHeightBase600);}\"]\n});\nconst defaultButtonStyles = {\n  backgroundColor: tokens.colorTransparentBackground,\n  color: tokens.colorNeutralForeground2,\n  cursor: 'auto'\n};\nconst currentIconStyles = {\n  ...defaultButtonStyles,\n  [`& .${buttonClassNames.icon}`]: {\n    color: 'unset'\n  },\n  [`& .${iconFilledClassName}`]: {\n    display: 'none'\n  },\n  [`& .${iconRegularClassName}`]: {\n    display: 'inline'\n  }\n};\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    Bf4jedk: \"f18p0k4z\",\n    j4b8c3: \"fv6wr3j\"\n  },\n  small: {\n    Bqenvij: \"frvgh55\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fwrc4pm\",\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"f1r1wyb6\"\n  },\n  medium: {\n    Bqenvij: \"f1d2rq10\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\",\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"f1r1wyb6\"\n  },\n  large: {\n    Bqenvij: \"fbhnoac\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fod5ikn\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"faaz57k\",\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"f1bnz8pu\"\n  },\n  current: {\n    Jwef8y: \"f9ql6rf\",\n    Bi91k9c: \"f3p8bqa\",\n    eoavqd: \"f14w7a5u\",\n    Bbdnnc7: \"f1irjp3o\",\n    Bk3fhr4: \"f19vpps7\",\n    Bmfj8id: \"fv5swzo\",\n    iro3zm: \"f3h1zc4\",\n    B2d53fq: \"f1xkgyln\",\n    c3iz72: \"f17wbbfx\",\n    x3br3k: \"fofxw0a\",\n    em6i61: \"f1ol4fw6\",\n    vm6p8p: \"f1q1lw4e\",\n    Bszkowt: \"ff24m\",\n    Dyrjrp: \"ft5r8e9\",\n    ezr58z: \"f1cbpfqp\",\n    nhk3du: \"f1motppv\",\n    Bfrek18: \"fi9vkhg\",\n    G209fr: \"f1fg3nnv\"\n  },\n  currentSmall: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"fl43uef\",\n    Bg96gwp: \"fwrc4pm\"\n  },\n  currentMedium: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"fl43uef\",\n    Bg96gwp: \"f1i3iumi\"\n  },\n  currentLarge: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fod5ikn\",\n    Bhrd7zp: \"fl43uef\",\n    Bg96gwp: \"faaz57k\"\n  }\n}, {\n  d: [\".f18p0k4z{min-width:unset;}\", \".fv6wr3j{text-wrap:nowrap;}\", \".frvgh55{height:24px;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", [\".f1r1wyb6{padding:var(--spacingHorizontalSNudge);}\", {\n    p: -1\n  }], \".f1d2rq10{height:32px;}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", [\".f1r1wyb6{padding:var(--spacingHorizontalSNudge);}\", {\n    p: -1\n  }], \".fbhnoac{height:40px;}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", [\".f1bnz8pu{padding:var(--spacingHorizontalS);}\", {\n    p: -1\n  }], \".ff24m:disabled{background-color:var(--colorTransparentBackground);}\", \".ft5r8e9:disabled{color:var(--colorNeutralForeground2);}\", \".f1cbpfqp:disabled{cursor:auto;}\", \".f1motppv:disabled .fui-Button__icon{color:unset;}\", \".fi9vkhg:disabled .fui-Icon-filled{display:none;}\", \".f1fg3nnv:disabled .fui-Icon-regular{display:inline;}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\"],\n  h: [\".f9ql6rf:hover{background-color:var(--colorTransparentBackground);}\", \".f3p8bqa:hover{color:var(--colorNeutralForeground2);}\", \".f14w7a5u:hover{cursor:auto;}\", \".f1irjp3o:hover .fui-Button__icon{color:unset;}\", \".f19vpps7:hover .fui-Icon-filled{display:none;}\", \".fv5swzo:hover .fui-Icon-regular{display:inline;}\", \".f3h1zc4:hover:active{background-color:var(--colorTransparentBackground);}\", \".f1xkgyln:hover:active{color:var(--colorNeutralForeground2);}\", \".f17wbbfx:hover:active{cursor:auto;}\", \".fofxw0a:hover:active .fui-Button__icon{color:unset;}\", \".f1ol4fw6:hover:active .fui-Icon-filled{display:none;}\", \".f1q1lw4e:hover:active .fui-Icon-regular{display:inline;}\"]\n});\n/**\n * Apply styling to the BreadcrumbButton slots based on the state\n */\nexport const useBreadcrumbButtonStyles_unstable = state => {\n  'use no memo';\n\n  const styles = useStyles();\n  const iconStyles = useIconStyles();\n  const currentSizeMap = {\n    small: styles.currentSmall,\n    medium: styles.currentMedium,\n    large: styles.currentLarge\n  };\n  state.root.className = mergeClasses(breadcrumbButtonClassNames.root, styles[state.size], styles.root, state.current && currentSizeMap[state.size], state.current && styles.current, state.root.className);\n  if (state.icon) {\n    state.icon.className = mergeClasses(iconStyles.base, iconStyles[state.size], state.icon.className);\n  }\n  useButtonStyles_unstable(state);\n  return state;\n};\n//# sourceMappingURL=useBreadcrumbButtonStyles.styles.js.map"],"names":["breadcrumbButtonClassNames","useBreadcrumbButtonStyles_unstable","root","icon","breadcrumbCSSVars","breadcrumbIconSizeVar","breadcrumbIconLineHeightVar","useIconStyles","__styles","base","Be2twd7","Bqenvij","Bg96gwp","a9b677","t21cq0","small","u3h8gg","Biu6dll","medium","large","d","defaultButtonStyles","backgroundColor","tokens","colorTransparentBackground","color","colorNeutralForeground2","cursor","currentIconStyles","buttonClassNames","iconFilledClassName","display","iconRegularClassName","useStyles","Bf4jedk","j4b8c3","Bahqtrf","Bhrd7zp","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","current","Jwef8y","Bi91k9c","eoavqd","Bbdnnc7","Bk3fhr4","Bmfj8id","iro3zm","B2d53fq","c3iz72","x3br3k","em6i61","vm6p8p","Bszkowt","Dyrjrp","ezr58z","nhk3du","Bfrek18","G209fr","currentSmall","currentMedium","currentLarge","p","h","state","styles","iconStyles","currentSizeMap","className","mergeClasses","size","useButtonStyles_unstable"],"mappings":"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"}
+{"version":3,"sources":["useBreadcrumbButtonStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { useButtonStyles_unstable, buttonClassNames } from '@fluentui/react-button';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n/**\n * Static CSS class names used internally for the component slots.\n */ export const breadcrumbButtonClassNames = {\n    root: 'fui-BreadcrumbButton',\n    icon: 'fui-BreadcrumbButton__icon'\n};\n/**\n * CSS variable names used internally for styling in the Breadcrumb.\n */ const breadcrumbCSSVars = {\n    breadcrumbIconSizeVar: '--fui-Breadcrumb--icon-size',\n    breadcrumbIconLineHeightVar: '--fui-Breadcrumb--icon-line-height'\n};\nconst useIconStyles = makeStyles({\n    base: {\n        fontSize: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n        height: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n        lineHeight: `var(${breadcrumbCSSVars.breadcrumbIconLineHeightVar})`,\n        width: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n        marginRight: tokens.spacingHorizontalXS\n    },\n    small: {\n        [breadcrumbCSSVars.breadcrumbIconSizeVar]: '12px',\n        [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase200\n    },\n    medium: {\n        [breadcrumbCSSVars.breadcrumbIconSizeVar]: '16px',\n        [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase400\n    },\n    large: {\n        [breadcrumbCSSVars.breadcrumbIconSizeVar]: '20px',\n        [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase600\n    }\n});\nconst defaultButtonStyles = {\n    backgroundColor: tokens.colorTransparentBackground,\n    color: tokens.colorNeutralForeground2,\n    cursor: 'auto'\n};\nconst currentIconStyles = {\n    ...defaultButtonStyles,\n    [`& .${buttonClassNames.icon}`]: {\n        color: 'unset'\n    },\n    [`& .${iconFilledClassName}`]: {\n        display: 'none'\n    },\n    [`& .${iconRegularClassName}`]: {\n        display: 'inline'\n    }\n};\nconst useStyles = makeStyles({\n    root: {\n        minWidth: 'unset',\n        textWrap: 'nowrap'\n    },\n    small: {\n        height: '24px',\n        ...typographyStyles.caption1,\n        padding: tokens.spacingHorizontalSNudge\n    },\n    medium: {\n        height: '32px',\n        ...typographyStyles.body1,\n        padding: tokens.spacingHorizontalSNudge\n    },\n    large: {\n        height: '40px',\n        ...typographyStyles.body2,\n        padding: tokens.spacingHorizontalS\n    },\n    current: {\n        ':hover': {\n            ...currentIconStyles\n        },\n        ':hover:active': {\n            ...currentIconStyles\n        },\n        ':disabled': {\n            ...currentIconStyles\n        }\n    },\n    currentSmall: {\n        ...typographyStyles.caption1Strong\n    },\n    currentMedium: {\n        ...typographyStyles.body1Strong\n    },\n    currentLarge: {\n        ...typographyStyles.subtitle2\n    }\n});\n/**\n * Apply styling to the BreadcrumbButton slots based on the state\n */ export const useBreadcrumbButtonStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    const iconStyles = useIconStyles();\n    const currentSizeMap = {\n        small: styles.currentSmall,\n        medium: styles.currentMedium,\n        large: styles.currentLarge\n    };\n    state.root.className = mergeClasses(breadcrumbButtonClassNames.root, styles[state.size], styles.root, state.current && currentSizeMap[state.size], state.current && styles.current, state.root.className);\n    if (state.icon) {\n        state.icon.className = mergeClasses(iconStyles.base, iconStyles[state.size], state.icon.className);\n    }\n    useButtonStyles_unstable(state);\n    return state;\n};\n"],"names":["breadcrumbButtonClassNames","useBreadcrumbButtonStyles_unstable","root","icon","breadcrumbCSSVars","breadcrumbIconSizeVar","breadcrumbIconLineHeightVar","useIconStyles","__styles","base","Be2twd7","Bqenvij","Bg96gwp","a9b677","t21cq0","small","u3h8gg","Biu6dll","medium","large","d","defaultButtonStyles","backgroundColor","tokens","colorTransparentBackground","color","colorNeutralForeground2","cursor","currentIconStyles","buttonClassNames","iconFilledClassName","display","iconRegularClassName","useStyles","Bf4jedk","j4b8c3","Bahqtrf","Bhrd7zp","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","current","Jwef8y","Bi91k9c","eoavqd","Bbdnnc7","Bk3fhr4","Bmfj8id","iro3zm","B2d53fq","c3iz72","x3br3k","em6i61","vm6p8p","Bszkowt","Dyrjrp","ezr58z","nhk3du","Bfrek18","G209fr","currentSmall","currentMedium","currentLarge","p","h","state","styles","iconStyles","currentSizeMap","className","mergeClasses","size","useButtonStyles_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["BreadcrumbDivider.js"],"sourcesContent":["import * as React from 'react';\nimport { useBreadcrumbDivider_unstable } from './useBreadcrumbDivider';\nimport { renderBreadcrumbDivider_unstable } from './renderBreadcrumbDivider';\nimport { useBreadcrumbDividerStyles_unstable } from './useBreadcrumbDividerStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * A divider component which is used inside the Breadcrumb\n */ export const BreadcrumbDivider = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useBreadcrumbDivider_unstable(props, ref);\n    useBreadcrumbDividerStyles_unstable(state);\n    useCustomStyleHook_unstable('useBreadcrumbDividerStyles_unstable')(state);\n    return renderBreadcrumbDivider_unstable(state);\n});\nBreadcrumbDivider.displayName = 'BreadcrumbDivider';\n"],"names":["BreadcrumbDivider","React","forwardRef","props","ref","state","useBreadcrumbDivider_unstable","useBreadcrumbDividerStyles_unstable","useCustomStyleHook_unstable","renderBreadcrumbDivider_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;sCACuB;yCACG;kDACG;qCACR;AAGjC,MAAMA,oBAAoB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACxE,MAAMC,QAAQC,IAAAA,mDAA6B,EAACH,OAAOC;IACnDG,IAAAA,qEAAmC,EAACF;IACpCG,IAAAA,gDAA2B,EAAC,uCAAuCH;IACnE,OAAOI,IAAAA,yDAAgC,EAACJ;AAC5C;AACAL,kBAAkBU,WAAW,GAAG"}
+{"version":3,"sources":["BreadcrumbDivider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useBreadcrumbDivider_unstable } from './useBreadcrumbDivider';\nimport { renderBreadcrumbDivider_unstable } from './renderBreadcrumbDivider';\nimport { useBreadcrumbDividerStyles_unstable } from './useBreadcrumbDividerStyles.styles';\nimport type { BreadcrumbDividerProps } from './BreadcrumbDivider.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * A divider component which is used inside the Breadcrumb\n */\nexport const BreadcrumbDivider: ForwardRefComponent<BreadcrumbDividerProps> = React.forwardRef((props, ref) => {\n  const state = useBreadcrumbDivider_unstable(props, ref);\n\n  useBreadcrumbDividerStyles_unstable(state);\n  useCustomStyleHook_unstable('useBreadcrumbDividerStyles_unstable')(state);\n\n  return renderBreadcrumbDivider_unstable(state);\n});\n\nBreadcrumbDivider.displayName = 'BreadcrumbDivider';\n"],"names":["BreadcrumbDivider","React","forwardRef","props","ref","state","useBreadcrumbDivider_unstable","useBreadcrumbDividerStyles_unstable","useCustomStyleHook_unstable","renderBreadcrumbDivider_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;sCACuB;yCACG;kDACG;qCAGR;AAKrC,MAAMA,oBAAAA,WAAAA,GAAiEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACrG,MAAMC,QAAQC,IAAAA,mDAAAA,EAA8BH,OAAOC;IAEnDG,IAAAA,qEAAAA,EAAoCF;IACpCG,IAAAA,gDAAAA,EAA4B,uCAAuCH;IAEnE,OAAOI,IAAAA,yDAAAA,EAAiCJ;AAC1C;AAEAL,kBAAkBU,WAAW,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["BreadcrumbDivider.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { BreadcrumbProps } from '../Breadcrumb/Breadcrumb.types';\n\nexport type BreadcrumbDividerSlots = {\n  root: Slot<'li'>;\n};\n\n/**\n * BreadcrumbDivider Props\n */\nexport type BreadcrumbDividerProps = ComponentProps<BreadcrumbDividerSlots> & {};\n\n/**\n * State used in rendering BreadcrumbDivider\n */\nexport type BreadcrumbDividerState = ComponentState<BreadcrumbDividerSlots> & Pick<BreadcrumbProps, 'size'>;\n"],"names":[],"rangeMappings":";;","mappings":"AAYA;;CAEC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './BreadcrumbDivider';\nexport * from './BreadcrumbDivider.types';\nexport * from './renderBreadcrumbDivider';\nexport * from './useBreadcrumbDivider';\nexport * from './useBreadcrumbDividerStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './BreadcrumbDivider';\nexport * from './BreadcrumbDivider.types';\nexport * from './renderBreadcrumbDivider';\nexport * from './useBreadcrumbDivider';\nexport * from './useBreadcrumbDividerStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/BreadcrumbDivider/renderBreadcrumbDivider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderBreadcrumbDivider.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of BreadcrumbDivider\n */ export const renderBreadcrumbDivider_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(state.root, {});\n};\n"],"names":["renderBreadcrumbDivider_unstable","state","assertSlots","_jsx","root"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJa;gCACF;AAGjB,MAAMA,mCAAmC,CAACC;IACjDC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE,CAAC;AAC3C"}
+{"version":3,"sources":["renderBreadcrumbDivider.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { BreadcrumbDividerState, BreadcrumbDividerSlots } from './BreadcrumbDivider.types';\n\n/**\n * Render the final JSX of BreadcrumbDivider\n */\nexport const renderBreadcrumbDivider_unstable = (state: BreadcrumbDividerState) => {\n  assertSlots<BreadcrumbDividerSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["renderBreadcrumbDivider_unstable","state","assertSlots","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAE4B;AAMrB,MAAMA,mCAAmC,CAACC;IAC/CC,IAAAA,2BAAAA,EAAoCD;IAEpC,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA,CAAA;AACpB"}

package/lib-commonjs/components/BreadcrumbDivider/useBreadcrumbDivider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useBreadcrumbDivider.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { ChevronRightRegular, ChevronLeftRegular } from '@fluentui/react-icons';\nimport { useBreadcrumbContext_unstable } from '../Breadcrumb/BreadcrumbContext';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n/**\n * Create the state required to render BreadcrumbDivider.\n *\n * The returned state can be modified with hooks such as useBreadcrumbDividerStyles_unstable,\n * before being passed to renderBreadcrumbDivider_unstable.\n *\n * @param props - props from this instance of BreadcrumbDivider\n * @param ref - reference to root HTMLElement of BreadcrumbDivider\n */ export const useBreadcrumbDivider_unstable = (props, ref)=>{\n    const { size } = useBreadcrumbContext_unstable();\n    const { dir } = useFluent();\n    const icon = getDividerIcon(dir);\n    return {\n        components: {\n            root: 'li'\n        },\n        root: slot.always(getIntrinsicElementProps('li', {\n            ref,\n            'aria-hidden': true,\n            children: icon,\n            ...props\n        }), {\n            elementType: 'li'\n        }),\n        size\n    };\n};\n/**\n * Get icon of the divider\n *\n * @param dir - RTL or LTR\n */ function getDividerIcon(dir) {\n    return dir === 'rtl' ? /*#__PURE__*/ React.createElement(ChevronLeftRegular, null) : /*#__PURE__*/ React.createElement(ChevronRightRegular, null);\n}\n"],"names":["useBreadcrumbDivider_unstable","props","ref","size","useBreadcrumbContext_unstable","dir","useFluent","icon","getDividerIcon","components","root","slot","always","getIntrinsicElementProps","children","elementType","React","createElement","ChevronLeftRegular","ChevronRightRegular"],"mappings":";;;;+BAaiBA;;;eAAAA;;;;iEAbM;gCACwB;4BACS;mCACV;qCACE;AASrC,MAAMA,gCAAgC,CAACC,OAAOC;IACrD,MAAM,EAAEC,IAAI,EAAE,GAAGC,IAAAA,gDAA6B;IAC9C,MAAM,EAAEC,GAAG,EAAE,GAAGC,IAAAA,uCAAS;IACzB,MAAMC,OAAOC,eAAeH;IAC5B,OAAO;QACHI,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,MAAM;YAC7CX;YACA,eAAe;YACfY,UAAUP;YACV,GAAGN,KAAK;QACZ,IAAI;YACAc,aAAa;QACjB;QACAZ;IACJ;AACJ;AACA;;;;CAIC,GAAG,SAASK,eAAeH,GAAG;IAC3B,OAAOA,QAAQ,QAAQ,WAAW,GAAGW,OAAMC,aAAa,CAACC,8BAAkB,EAAE,QAAQ,WAAW,GAAGF,OAAMC,aAAa,CAACE,+BAAmB,EAAE;AAChJ"}
+{"version":3,"sources":["useBreadcrumbDivider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { BreadcrumbDividerProps, BreadcrumbDividerState } from './BreadcrumbDivider.types';\nimport { ChevronRightRegular, ChevronLeftRegular } from '@fluentui/react-icons';\nimport { useBreadcrumbContext_unstable } from '../Breadcrumb/BreadcrumbContext';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\n/**\n * Create the state required to render BreadcrumbDivider.\n *\n * The returned state can be modified with hooks such as useBreadcrumbDividerStyles_unstable,\n * before being passed to renderBreadcrumbDivider_unstable.\n *\n * @param props - props from this instance of BreadcrumbDivider\n * @param ref - reference to root HTMLElement of BreadcrumbDivider\n */\nexport const useBreadcrumbDivider_unstable = (\n  props: BreadcrumbDividerProps,\n  ref: React.Ref<HTMLLIElement>,\n): BreadcrumbDividerState => {\n  const { size } = useBreadcrumbContext_unstable();\n  const { dir } = useFluent();\n  const icon = getDividerIcon(dir);\n\n  return {\n    components: {\n      root: 'li',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('li', {\n        ref,\n        'aria-hidden': true,\n        children: icon,\n        ...props,\n      }),\n      { elementType: 'li' },\n    ),\n    size,\n  };\n};\n\n/**\n * Get icon of the divider\n *\n * @param dir - RTL or LTR\n */\nfunction getDividerIcon(dir: string) {\n  return dir === 'rtl' ? <ChevronLeftRegular /> : <ChevronRightRegular />;\n}\n"],"names":["useBreadcrumbDivider_unstable","props","ref","size","useBreadcrumbContext_unstable","dir","useFluent","icon","getDividerIcon","components","root","slot","always","getIntrinsicElementProps","children","elementType","React","createElement","ChevronLeftRegular","ChevronRightRegular"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAgBaA;;;eAAAA;;;;iEAhBU;gCACwB;4BAES;mCACV;qCACE;AAWzC,MAAMA,gCAAgC,CAC3CC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAE,GAAGC,IAAAA,gDAAAA;IACjB,MAAM,EAAEC,GAAG,EAAE,GAAGC,IAAAA,uCAAAA;IAChB,MAAMC,OAAOC,eAAeH;IAE5B,OAAO;QACLI,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,MAAM;YAC7BX;YACA,eAAe;YACfY,UAAUP;YACV,GAAGN,KAAK;QACV,IACA;YAAEc,aAAa;QAAK;QAEtBZ;IACF;AACF;AAEA;;;;CAIC,GACD,SAASK,eAAeH,GAAW;IACjC,OAAOA,QAAQ,QAAA,WAAA,GAAQW,OAAAC,aAAA,CAACC,8BAAAA,EAAAA,QAAAA,WAAAA,GAAwBF,OAAAC,aAAA,CAACE,+BAAAA,EAAAA;AACnD"}

package/lib-commonjs/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useBreadcrumbDividerStyles.styles.js"],"sourcesContent":["import { __styles, __resetStyles, mergeClasses } from '@griffel/react';\nexport const breadcrumbDividerClassNames = {\n  root: 'fui-BreadcrumbDivider'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__resetStyles(\"rk008qs\", null, [\".rk008qs{display:flex;}\"]);\nconst useIconStyles = /*#__PURE__*/__styles({\n  small: {\n    Be2twd7: \"f1ugzwwg\"\n  },\n  medium: {\n    Be2twd7: \"f4ybsrx\"\n  },\n  large: {\n    Be2twd7: \"fe5j1ua\"\n  }\n}, {\n  d: [\".f1ugzwwg{font-size:12px;}\", \".f4ybsrx{font-size:16px;}\", \".fe5j1ua{font-size:20px;}\"]\n});\n/**\n * Apply styling to the BreadcrumbDivider slots based on the state\n */\nexport const useBreadcrumbDividerStyles_unstable = state => {\n  'use no memo';\n\n  const styles = useStyles();\n  const iconStyles = useIconStyles();\n  const {\n    size = 'medium'\n  } = state;\n  state.root.className = mergeClasses(breadcrumbDividerClassNames.root, styles, iconStyles[size], state.root.className);\n  return state;\n};\n//# sourceMappingURL=useBreadcrumbDividerStyles.styles.js.map"],"names":["breadcrumbDividerClassNames","useBreadcrumbDividerStyles_unstable","root","useStyles","__resetStyles","useIconStyles","__styles","small","Be2twd7","medium","large","d","state","styles","iconStyles","size","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,2BAA2B;eAA3BA;;IAuBAC,mCAAmC;eAAnCA;;;uBAxByC;AAC/C,MAAMD,8BAA8B;IACzCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,oBAAa,EAAC,WAAW,MAAM;IAAC;CAA0B;AACzF,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC1CC,OAAO;QACLC,SAAS;IACX;IACAC,QAAQ;QACND,SAAS;IACX;IACAE,OAAO;QACLF,SAAS;IACX;AACF,GAAG;IACDG,GAAG;QAAC;QAA8B;QAA6B;KAA4B;AAC7F;AAIO,MAAMV,sCAAsCW,CAAAA;IACjD;IAEA,MAAMC,SAASV;IACf,MAAMW,aAAaT;IACnB,MAAM,EACJU,OAAO,QAAQ,EAChB,GAAGH;IACJA,MAAMV,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAACjB,4BAA4BE,IAAI,EAAEW,QAAQC,UAAU,CAACC,KAAK,EAAEH,MAAMV,IAAI,CAACc,SAAS;IACpH,OAAOJ;AACT,GACA,6DAA6D"}
+{"version":3,"sources":["useBreadcrumbDividerStyles.styles.js"],"sourcesContent":["import { makeStyles, makeResetStyles, mergeClasses } from '@griffel/react';\nexport const breadcrumbDividerClassNames = {\n    root: 'fui-BreadcrumbDivider'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeResetStyles({\n    display: 'flex'\n});\nconst useIconStyles = makeStyles({\n    small: {\n        fontSize: '12px'\n    },\n    medium: {\n        fontSize: '16px'\n    },\n    large: {\n        fontSize: '20px'\n    }\n});\n/**\n * Apply styling to the BreadcrumbDivider slots based on the state\n */ export const useBreadcrumbDividerStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    const iconStyles = useIconStyles();\n    const { size = 'medium' } = state;\n    state.root.className = mergeClasses(breadcrumbDividerClassNames.root, styles, iconStyles[size], state.root.className);\n    return state;\n};\n"],"names":["breadcrumbDividerClassNames","useBreadcrumbDividerStyles_unstable","root","useStyles","__resetStyles","useIconStyles","__styles","small","Be2twd7","medium","large","d","state","styles","iconStyles","size","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACaA,2BAA2B;eAA3BA;;IAqBIC,mCAAmC;eAAnCA;;;uBAtByC;AACnD,MAAMD,8BAA8B;IACvCE,MAAM;AACV;AACA;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGC,IAAAA,oBAAA,EAAA,WAAA,MAAA;IAAA;CAErB;AACD,MAAMC,gBAAa,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAC,OAAA;QAAAC,SAAA;IAAA;IAAAC,QAAA;QAAAD,SAAA;IAAA;IAAAE,OAAA;QAAAF,SAAA;IAAA;AAAA,GAAA;IAAAG,GAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAaX,MAAMV,sCAAuCW,CAAAA;IACpD;IACA,MAAMC,SAASV;IACf,MAAMW,aAAaT;IACnB,MAAM,EAAEU,OAAO,QAAA,EAAU,GAAGH;IAC5BA,MAAMV,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAACjB,4BAA4BE,IAAI,EAAEW,QAAQC,UAAU,CAACC,KAAK,EAAEH,MAAMV,IAAI,CAACc,SAAS;IACpH,OAAOJ;AACX"}

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

@@ -1 +1 @@
-{"version":3,"sources":["BreadcrumbItem.js"],"sourcesContent":["import * as React from 'react';\nimport { useBreadcrumbItem_unstable } from './useBreadcrumbItem';\nimport { renderBreadcrumbItem_unstable } from './renderBreadcrumbItem';\nimport { useBreadcrumbItemStyles_unstable } from './useBreadcrumbItemStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * BreadcrumbItem component is a wrapper for BreadcrumbLink and BreadcrumbButton.\n * It can be used as a non-interactive item.\n */ export const BreadcrumbItem = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useBreadcrumbItem_unstable(props, ref);\n    useBreadcrumbItemStyles_unstable(state);\n    useCustomStyleHook_unstable('useBreadcrumbItemStyles_unstable')(state);\n    return renderBreadcrumbItem_unstable(state);\n});\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n"],"names":["BreadcrumbItem","React","forwardRef","props","ref","state","useBreadcrumbItem_unstable","useBreadcrumbItemStyles_unstable","useCustomStyleHook_unstable","renderBreadcrumbItem_unstable","displayName"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;mCACoB;sCACG;+CACG;qCACL;AAIjC,MAAMA,iBAAiB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACrE,MAAMC,QAAQC,IAAAA,6CAA0B,EAACH,OAAOC;IAChDG,IAAAA,+DAAgC,EAACF;IACjCG,IAAAA,gDAA2B,EAAC,oCAAoCH;IAChE,OAAOI,IAAAA,mDAA6B,EAACJ;AACzC;AACAL,eAAeU,WAAW,GAAG"}
+{"version":3,"sources":["BreadcrumbItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useBreadcrumbItem_unstable } from './useBreadcrumbItem';\nimport { renderBreadcrumbItem_unstable } from './renderBreadcrumbItem';\nimport { useBreadcrumbItemStyles_unstable } from './useBreadcrumbItemStyles.styles';\nimport type { BreadcrumbItemProps } from './BreadcrumbItem.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * BreadcrumbItem component is a wrapper for BreadcrumbLink and BreadcrumbButton.\n * It can be used as a non-interactive item.\n */\nexport const BreadcrumbItem: ForwardRefComponent<BreadcrumbItemProps> = React.forwardRef((props, ref) => {\n  const state = useBreadcrumbItem_unstable(props, ref);\n\n  useBreadcrumbItemStyles_unstable(state);\n  useCustomStyleHook_unstable('useBreadcrumbItemStyles_unstable')(state);\n\n  return renderBreadcrumbItem_unstable(state);\n});\n\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n"],"names":["BreadcrumbItem","React","forwardRef","props","ref","state","useBreadcrumbItem_unstable","useBreadcrumbItemStyles_unstable","useCustomStyleHook_unstable","renderBreadcrumbItem_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;mCACoB;sCACG;+CACG;qCAGL;AAMrC,MAAMA,iBAAAA,WAAAA,GAA2DC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,QAAQC,IAAAA,6CAAAA,EAA2BH,OAAOC;IAEhDG,IAAAA,+DAAAA,EAAiCF;IACjCG,IAAAA,gDAAAA,EAA4B,oCAAoCH;IAEhE,OAAOI,IAAAA,mDAAAA,EAA8BJ;AACvC;AAEAL,eAAeU,WAAW,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["BreadcrumbItem.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { BreadcrumbProps } from '../Breadcrumb';\n\nexport type BreadcrumbItemSlots = {\n  root: Slot<'li'>;\n};\n\n/**\n * BreadcrumbItem Props\n */\nexport type BreadcrumbItemProps = ComponentProps<BreadcrumbItemSlots> & Pick<BreadcrumbProps, 'size'>;\n\n/**\n * State used in rendering BreadcrumbItem\n */\nexport type BreadcrumbItemState = ComponentState<BreadcrumbItemSlots> & Required<Pick<BreadcrumbItemProps, 'size'>>;\n"],"names":[],"rangeMappings":";;","mappings":"AAYA;;CAEC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './BreadcrumbItem';\nexport * from './BreadcrumbItem.types';\nexport * from './renderBreadcrumbItem';\nexport * from './useBreadcrumbItem';\nexport * from './useBreadcrumbItemStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './BreadcrumbItem';\nexport * from './BreadcrumbItem.types';\nexport * from './renderBreadcrumbItem';\nexport * from './useBreadcrumbItem';\nexport * from './useBreadcrumbItemStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/BreadcrumbItem/renderBreadcrumbItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderBreadcrumbItem.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of BreadcrumbItem\n */ export const renderBreadcrumbItem_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(state.root, {\n        children: state.root.children\n    });\n};\n"],"names":["renderBreadcrumbItem_unstable","state","assertSlots","_jsx","root","children"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJa;gCACF;AAGjB,MAAMA,gCAAgC,CAACC;IAC9CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE;QAClCC,UAAUJ,MAAMG,IAAI,CAACC,QAAQ;IACjC;AACJ"}
+{"version":3,"sources":["renderBreadcrumbItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { BreadcrumbItemState, BreadcrumbItemSlots } from './BreadcrumbItem.types';\n\n/**\n * Render the final JSX of BreadcrumbItem\n */\nexport const renderBreadcrumbItem_unstable = (state: BreadcrumbItemState) => {\n  assertSlots<BreadcrumbItemSlots>(state);\n\n  return <state.root>{state.root.children}</state.root>;\n};\n"],"names":["renderBreadcrumbItem_unstable","state","assertSlots","_jsx","root","children"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAE4B;AAMrB,MAAMA,gCAAgC,CAACC;IAC5CC,IAAAA,2BAAAA,EAAiCD;IAEjC,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA;kBAAEH,MAAMG,IAAI,CAACC,QAAQ;;AACzC"}

package/lib-commonjs/components/BreadcrumbItem/useBreadcrumbItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useBreadcrumbItem.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useBreadcrumbContext_unstable } from '../Breadcrumb/BreadcrumbContext';\n/**\n * Create the state required to render BreadcrumbItem.\n *\n * The returned state can be modified with hooks such as useBreadcrumbItemStyles_unstable,\n * before being passed to renderBreadcrumbItem_unstable.\n *\n * @param props - props from this instance of BreadcrumbItem\n * @param ref - reference to root HTMLElement of BreadcrumbItem\n */ export const useBreadcrumbItem_unstable = (props, ref)=>{\n    const { size } = useBreadcrumbContext_unstable();\n    return {\n        components: {\n            root: 'li'\n        },\n        root: slot.always(getIntrinsicElementProps('li', {\n            ref,\n            ...props\n        }), {\n            elementType: 'li'\n        }),\n        size\n    };\n};\n"],"names":["useBreadcrumbItem_unstable","props","ref","size","useBreadcrumbContext_unstable","components","root","slot","always","getIntrinsicElementProps","elementType"],"mappings":";;;;+BAWiBA;;;eAAAA;;;;iEAXM;gCACwB;mCACD;AASnC,MAAMA,6BAA6B,CAACC,OAAOC;IAClD,MAAM,EAAEC,IAAI,EAAE,GAAGC,IAAAA,gDAA6B;IAC9C,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,MAAM;YAC7CP;YACA,GAAGD,KAAK;QACZ,IAAI;YACAS,aAAa;QACjB;QACAP;IACJ;AACJ"}
+{"version":3,"sources":["useBreadcrumbItem.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { BreadcrumbItemProps, BreadcrumbItemState } from './BreadcrumbItem.types';\nimport { useBreadcrumbContext_unstable } from '../Breadcrumb/BreadcrumbContext';\n\n/**\n * Create the state required to render BreadcrumbItem.\n *\n * The returned state can be modified with hooks such as useBreadcrumbItemStyles_unstable,\n * before being passed to renderBreadcrumbItem_unstable.\n *\n * @param props - props from this instance of BreadcrumbItem\n * @param ref - reference to root HTMLElement of BreadcrumbItem\n */\nexport const useBreadcrumbItem_unstable = (\n  props: BreadcrumbItemProps,\n  ref: React.Ref<HTMLLIElement>,\n): BreadcrumbItemState => {\n  const { size } = useBreadcrumbContext_unstable();\n\n  return {\n    components: { root: 'li' },\n    root: slot.always(\n      getIntrinsicElementProps('li', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'li' },\n    ),\n    size,\n  };\n};\n"],"names":["useBreadcrumbItem_unstable","props","ref","size","useBreadcrumbContext_unstable","components","root","slot","always","getIntrinsicElementProps","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;;iEAdU;gCACwB;mCAED;AAWvC,MAAMA,6BAA6B,CACxCC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAE,GAAGC,IAAAA,gDAAAA;IAEjB,OAAO;QACLC,YAAY;YAAEC,MAAM;QAAK;QACzBA,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,MAAM;YAC7BP;YACA,GAAGD,KAAK;QACV,IACA;YAAES,aAAa;QAAK;QAEtBP;IACF;AACF"}

package/lib-commonjs/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useBreadcrumbItemStyles.styles.js"],"sourcesContent":["import { __resetStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const breadcrumbItemClassNames = {\n  root: 'fui-BreadcrumbItem'\n};\nconst useBreadcrumbItemResetStyles = /*#__PURE__*/__resetStyles(\"r1tl60rs\", null, [\".r1tl60rs{display:flex;align-items:center;color:var(--colorNeutralForeground2);box-sizing:border-box;text-wrap:nowrap;}\"]);\n/**\n * Apply styling to the BreadcrumbItem slots based on the state\n */\nexport const useBreadcrumbItemStyles_unstable = state => {\n  'use no memo';\n\n  const resetStyles = useBreadcrumbItemResetStyles();\n  state.root.className = mergeClasses(breadcrumbItemClassNames.root, resetStyles, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useBreadcrumbItemStyles.styles.js.map"],"names":["breadcrumbItemClassNames","useBreadcrumbItemStyles_unstable","root","useBreadcrumbItemResetStyles","__resetStyles","state","resetStyles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,wBAAwB;eAAxBA;;IAOAC,gCAAgC;eAAhCA;;;uBAT+B;AAErC,MAAMD,2BAA2B;IACtCE,MAAM;AACR;AACA,MAAMC,+BAA+B,WAAW,GAAEC,IAAAA,oBAAa,EAAC,YAAY,MAAM;IAAC;CAA0H;AAItM,MAAMH,mCAAmCI,CAAAA;IAC9C;IAEA,MAAMC,cAAcH;IACpBE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,yBAAyBE,IAAI,EAAEI,aAAaD,MAAMH,IAAI,CAACK,SAAS;IACpG,OAAOF;AACT,GACA,0DAA0D"}
+{"version":3,"sources":["useBreadcrumbItemStyles.styles.js"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const breadcrumbItemClassNames = {\n    root: 'fui-BreadcrumbItem'\n};\nconst useBreadcrumbItemResetStyles = makeResetStyles({\n    display: 'flex',\n    alignItems: 'center',\n    color: tokens.colorNeutralForeground2,\n    boxSizing: 'border-box',\n    textWrap: 'nowrap'\n});\n/**\n * Apply styling to the BreadcrumbItem slots based on the state\n */ export const useBreadcrumbItemStyles_unstable = (state)=>{\n    'use no memo';\n    const resetStyles = useBreadcrumbItemResetStyles();\n    state.root.className = mergeClasses(breadcrumbItemClassNames.root, resetStyles, state.root.className);\n    return state;\n};\n"],"names":["breadcrumbItemClassNames","useBreadcrumbItemStyles_unstable","root","useBreadcrumbItemResetStyles","__resetStyles","state","resetStyles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,wBAAwB;eAAxBA;;IAYIC,gCAAgC;eAAhCA;;;uBAd6B;AAEvC,MAAMD,2BAA2B;IACpCE,MAAM;AACV;AACA,MAAMC,+BAA4B,WAAA,GAAGC,IAAAA,oBAAA,EAAA,YAAA,MAAA;IAAA;CAMpC;AAGU,MAAMH,mCAAoCI,CAAAA;IACjD;IACA,MAAMC,cAAcH;IACpBE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,yBAAyBE,IAAI,EAAEI,aAAaD,MAAMH,IAAI,CAACK,SAAS;IACpG,OAAOF;AACX"}

package/lib-commonjs/index.js

@@ -12,68 +12,53 @@ _export(exports, {
     Breadcrumb: function() {
         return _Breadcrumb.Breadcrumb;
     },
-    renderBreadcrumb_unstable: function() {
-        return _Breadcrumb.renderBreadcrumb_unstable;
-    },
-    useBreadcrumb_unstable: function() {
-        return _Breadcrumb.useBreadcrumb_unstable;
-    },
-    useBreadcrumbStyles_unstable: function() {
-        return _Breadcrumb.useBreadcrumbStyles_unstable;
-    },
-    breadcrumbClassNames: function() {
-        return _Breadcrumb.breadcrumbClassNames;
+    BreadcrumbButton: function() {
+        return _BreadcrumbButton.BreadcrumbButton;
     },
     BreadcrumbDivider: function() {
         return _BreadcrumbDivider.BreadcrumbDivider;
     },
-    breadcrumbDividerClassNames: function() {
-        return _BreadcrumbDivider.breadcrumbDividerClassNames;
+    BreadcrumbItem: function() {
+        return _BreadcrumbItem.BreadcrumbItem;
     },
-    renderBreadcrumbDivider_unstable: function() {
-        return _BreadcrumbDivider.renderBreadcrumbDivider_unstable;
+    BreadcrumbProvider: function() {
+        return _Breadcrumb.BreadcrumbProvider;
     },
-    useBreadcrumbDividerStyles_unstable: function() {
-        return _BreadcrumbDivider.useBreadcrumbDividerStyles_unstable;
+    breadcrumbButtonClassNames: function() {
+        return _BreadcrumbButton.breadcrumbButtonClassNames;
     },
-    useBreadcrumbDivider_unstable: function() {
-        return _BreadcrumbDivider.useBreadcrumbDivider_unstable;
+    breadcrumbClassNames: function() {
+        return _Breadcrumb.breadcrumbClassNames;
     },
-    BreadcrumbItem: function() {
-        return _BreadcrumbItem.BreadcrumbItem;
+    breadcrumbDividerClassNames: function() {
+        return _BreadcrumbDivider.breadcrumbDividerClassNames;
     },
     breadcrumbItemClassNames: function() {
         return _BreadcrumbItem.breadcrumbItemClassNames;
     },
-    renderBreadcrumbItem_unstable: function() {
-        return _BreadcrumbItem.renderBreadcrumbItem_unstable;
-    },
-    useBreadcrumbItemStyles_unstable: function() {
-        return _BreadcrumbItem.useBreadcrumbItemStyles_unstable;
-    },
-    useBreadcrumbItem_unstable: function() {
-        return _BreadcrumbItem.useBreadcrumbItem_unstable;
+    isTruncatableBreadcrumbContent: function() {
+        return _index.isTruncatableBreadcrumbContent;
     },
     partitionBreadcrumbItems: function() {
         return _index.partitionBreadcrumbItems;
     },
-    truncateBreadcrumbLongName: function() {
-        return _index.truncateBreadcrumbLongName;
+    renderBreadcrumbButton_unstable: function() {
+        return _BreadcrumbButton.renderBreadcrumbButton_unstable;
     },
-    truncateBreadcrumLongTooltip: function() {
-        return _index.truncateBreadcrumLongTooltip;
+    renderBreadcrumbDivider_unstable: function() {
+        return _BreadcrumbDivider.renderBreadcrumbDivider_unstable;
     },
-    isTruncatableBreadcrumbContent: function() {
-        return _index.isTruncatableBreadcrumbContent;
+    renderBreadcrumbItem_unstable: function() {
+        return _BreadcrumbItem.renderBreadcrumbItem_unstable;
     },
-    BreadcrumbButton: function() {
-        return _BreadcrumbButton.BreadcrumbButton;
+    renderBreadcrumb_unstable: function() {
+        return _Breadcrumb.renderBreadcrumb_unstable;
     },
-    breadcrumbButtonClassNames: function() {
-        return _BreadcrumbButton.breadcrumbButtonClassNames;
+    truncateBreadcrumLongTooltip: function() {
+        return _index.truncateBreadcrumLongTooltip;
     },
-    renderBreadcrumbButton_unstable: function() {
-        return _BreadcrumbButton.renderBreadcrumbButton_unstable;
+    truncateBreadcrumbLongName: function() {
+        return _index.truncateBreadcrumbLongName;
     },
     useBreadcrumbButtonStyles_unstable: function() {
         return _BreadcrumbButton.useBreadcrumbButtonStyles_unstable;
@@ -81,11 +66,26 @@ _export(exports, {
     useBreadcrumbButton_unstable: function() {
         return _BreadcrumbButton.useBreadcrumbButton_unstable;
     },
-    BreadcrumbProvider: function() {
-        return _Breadcrumb.BreadcrumbProvider;
-    },
     useBreadcrumbContext_unstable: function() {
         return _Breadcrumb.useBreadcrumbContext_unstable;
+    },
+    useBreadcrumbDividerStyles_unstable: function() {
+        return _BreadcrumbDivider.useBreadcrumbDividerStyles_unstable;
+    },
+    useBreadcrumbDivider_unstable: function() {
+        return _BreadcrumbDivider.useBreadcrumbDivider_unstable;
+    },
+    useBreadcrumbItemStyles_unstable: function() {
+        return _BreadcrumbItem.useBreadcrumbItemStyles_unstable;
+    },
+    useBreadcrumbItem_unstable: function() {
+        return _BreadcrumbItem.useBreadcrumbItem_unstable;
+    },
+    useBreadcrumbStyles_unstable: function() {
+        return _Breadcrumb.useBreadcrumbStyles_unstable;
+    },
+    useBreadcrumb_unstable: function() {
+        return _Breadcrumb.useBreadcrumb_unstable;
     }
 });
 const _Breadcrumb = require("./Breadcrumb");

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export { Breadcrumb, renderBreadcrumb_unstable, useBreadcrumb_unstable, useBreadcrumbStyles_unstable, breadcrumbClassNames } from './Breadcrumb';\nexport { BreadcrumbDivider, breadcrumbDividerClassNames, renderBreadcrumbDivider_unstable, useBreadcrumbDividerStyles_unstable, useBreadcrumbDivider_unstable } from './BreadcrumbDivider';\nexport { BreadcrumbItem, breadcrumbItemClassNames, renderBreadcrumbItem_unstable, useBreadcrumbItemStyles_unstable, useBreadcrumbItem_unstable } from './BreadcrumbItem';\nexport { partitionBreadcrumbItems, truncateBreadcrumbLongName, truncateBreadcrumLongTooltip, isTruncatableBreadcrumbContent } from './utils/index';\nexport { BreadcrumbButton, breadcrumbButtonClassNames, renderBreadcrumbButton_unstable, useBreadcrumbButtonStyles_unstable, useBreadcrumbButton_unstable } from './BreadcrumbButton';\nexport { BreadcrumbProvider, useBreadcrumbContext_unstable } from './Breadcrumb';\n"],"names":["Breadcrumb","renderBreadcrumb_unstable","useBreadcrumb_unstable","useBreadcrumbStyles_unstable","breadcrumbClassNames","BreadcrumbDivider","breadcrumbDividerClassNames","renderBreadcrumbDivider_unstable","useBreadcrumbDividerStyles_unstable","useBreadcrumbDivider_unstable","BreadcrumbItem","breadcrumbItemClassNames","renderBreadcrumbItem_unstable","useBreadcrumbItemStyles_unstable","useBreadcrumbItem_unstable","partitionBreadcrumbItems","truncateBreadcrumbLongName","truncateBreadcrumLongTooltip","isTruncatableBreadcrumbContent","BreadcrumbButton","breadcrumbButtonClassNames","renderBreadcrumbButton_unstable","useBreadcrumbButtonStyles_unstable","useBreadcrumbButton_unstable","BreadcrumbProvider","useBreadcrumbContext_unstable"],"mappings":";;;;;;;;;;;IAASA,UAAU;eAAVA,sBAAU;;IAAEC,yBAAyB;eAAzBA,qCAAyB;;IAAEC,sBAAsB;eAAtBA,kCAAsB;;IAAEC,4BAA4B;eAA5BA,wCAA4B;;IAAEC,oBAAoB;eAApBA,gCAAoB;;IACjHC,iBAAiB;eAAjBA,oCAAiB;;IAAEC,2BAA2B;eAA3BA,8CAA2B;;IAAEC,gCAAgC;eAAhCA,mDAAgC;;IAAEC,mCAAmC;eAAnCA,sDAAmC;;IAAEC,6BAA6B;eAA7BA,gDAA6B;;IACpJC,cAAc;eAAdA,8BAAc;;IAAEC,wBAAwB;eAAxBA,wCAAwB;;IAAEC,6BAA6B;eAA7BA,6CAA6B;;IAAEC,gCAAgC;eAAhCA,gDAAgC;;IAAEC,0BAA0B;eAA1BA,0CAA0B;;IACrIC,wBAAwB;eAAxBA,+BAAwB;;IAAEC,0BAA0B;eAA1BA,iCAA0B;;IAAEC,4BAA4B;eAA5BA,mCAA4B;;IAAEC,8BAA8B;eAA9BA,qCAA8B;;IAClHC,gBAAgB;eAAhBA,kCAAgB;;IAAEC,0BAA0B;eAA1BA,4CAA0B;;IAAEC,+BAA+B;eAA/BA,iDAA+B;;IAAEC,kCAAkC;eAAlCA,oDAAkC;;IAAEC,4BAA4B;eAA5BA,8CAA4B;;IAC/IC,kBAAkB;eAAlBA,8BAAkB;;IAAEC,6BAA6B;eAA7BA,yCAA6B;;;4BALwE;mCACmC;gCACf;uBACnB;kCAC6B"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n  Breadcrumb,\n  renderBreadcrumb_unstable,\n  useBreadcrumb_unstable,\n  useBreadcrumbStyles_unstable,\n  breadcrumbClassNames,\n} from './Breadcrumb';\nexport type { BreadcrumbSlots, BreadcrumbProps, BreadcrumbState } from './Breadcrumb';\nexport {\n  BreadcrumbDivider,\n  breadcrumbDividerClassNames,\n  renderBreadcrumbDivider_unstable,\n  useBreadcrumbDividerStyles_unstable,\n  useBreadcrumbDivider_unstable,\n} from './BreadcrumbDivider';\nexport type { BreadcrumbDividerProps, BreadcrumbDividerSlots, BreadcrumbDividerState } from './BreadcrumbDivider';\nexport {\n  BreadcrumbItem,\n  breadcrumbItemClassNames,\n  renderBreadcrumbItem_unstable,\n  useBreadcrumbItemStyles_unstable,\n  useBreadcrumbItem_unstable,\n} from './BreadcrumbItem';\nexport type { BreadcrumbItemProps, BreadcrumbItemSlots, BreadcrumbItemState } from './BreadcrumbItem';\nexport {\n  partitionBreadcrumbItems,\n  truncateBreadcrumbLongName,\n  truncateBreadcrumLongTooltip,\n  isTruncatableBreadcrumbContent,\n} from './utils/index';\nexport type { PartitionBreadcrumbItemsOptions, PartitionBreadcrumbItems } from './utils/index';\nexport {\n  BreadcrumbButton,\n  breadcrumbButtonClassNames,\n  renderBreadcrumbButton_unstable,\n  useBreadcrumbButtonStyles_unstable,\n  useBreadcrumbButton_unstable,\n} from './BreadcrumbButton';\nexport type { BreadcrumbButtonProps, BreadcrumbButtonSlots, BreadcrumbButtonState } from './BreadcrumbButton';\nexport { BreadcrumbProvider, useBreadcrumbContext_unstable } from './Breadcrumb';\nexport type { BreadcrumbContextValues } from './Breadcrumb';\n"],"names":["Breadcrumb","BreadcrumbButton","BreadcrumbDivider","BreadcrumbItem","BreadcrumbProvider","breadcrumbButtonClassNames","breadcrumbClassNames","breadcrumbDividerClassNames","breadcrumbItemClassNames","isTruncatableBreadcrumbContent","partitionBreadcrumbItems","renderBreadcrumbButton_unstable","renderBreadcrumbDivider_unstable","renderBreadcrumbItem_unstable","renderBreadcrumb_unstable","truncateBreadcrumLongTooltip","truncateBreadcrumbLongName","useBreadcrumbButtonStyles_unstable","useBreadcrumbButton_unstable","useBreadcrumbContext_unstable","useBreadcrumbDividerStyles_unstable","useBreadcrumbDivider_unstable","useBreadcrumbItemStyles_unstable","useBreadcrumbItem_unstable","useBreadcrumbStyles_unstable","useBreadcrumb_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACEA,UAAU;eAAVA,sBAAU;;IA+BVC,gBAAgB;eAAhBA,kCAAgB;;IAvBhBC,iBAAiB;eAAjBA,oCAAiB;;IAQjBC,cAAc;eAAdA,8BAAc;;IAsBPC,kBAAkB;eAAlBA,8BAAkB;;IANzBC,0BAA0B;eAA1BA,4CAA0B;;IA5B1BC,oBAAoB;eAApBA,gCAAoB;;IAKpBC,2BAA2B;eAA3BA,8CAA2B;;IAQ3BC,wBAAwB;eAAxBA,wCAAwB;;IAUxBC,8BAA8B;eAA9BA,qCAA8B;;IAH9BC,wBAAwB;eAAxBA,+BAAwB;;IASxBC,+BAA+B;eAA/BA,iDAA+B;;IAvB/BC,gCAAgC;eAAhCA,mDAAgC;;IAQhCC,6BAA6B;eAA7BA,6CAA6B;;IAjB7BC,yBAAyB;eAAzBA,qCAAyB;;IAyBzBC,4BAA4B;eAA5BA,mCAA4B;;IAD5BC,0BAA0B;eAA1BA,iCAA0B;;IAS1BC,kCAAkC;eAAlCA,oDAAkC;;IAClCC,4BAA4B;eAA5BA,8CAA4B;;IAGDC,6BAA6B;eAA7BA,yCAA6B;;IA3BxDC,mCAAmC;eAAnCA,sDAAmC;;IACnCC,6BAA6B;eAA7BA,gDAA6B;;IAO7BC,gCAAgC;eAAhCA,gDAAgC;;IAChCC,0BAA0B;eAA1BA,0CAA0B;;IAjB1BC,4BAA4B;eAA5BA,wCAA4B;;IAD5BC,sBAAsB;eAAtBA,kCAAsB;;;4BAGjB;mCAQA;gCAQA;uBAOA;kCAQA"}

package/lib-commonjs/utils/index.js

@@ -9,17 +9,17 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    isTruncatableBreadcrumbContent: function() {
+        return _truncateBreadcrumb.isTruncatableBreadcrumbContent;
+    },
     partitionBreadcrumbItems: function() {
         return _partitionBreadcrumbItems.partitionBreadcrumbItems;
     },
-    truncateBreadcrumbLongName: function() {
-        return _truncateBreadcrumb.truncateBreadcrumbLongName;
-    },
     truncateBreadcrumLongTooltip: function() {
         return _truncateBreadcrumb.truncateBreadcrumLongTooltip;
     },
-    isTruncatableBreadcrumbContent: function() {
-        return _truncateBreadcrumb.isTruncatableBreadcrumbContent;
+    truncateBreadcrumbLongName: function() {
+        return _truncateBreadcrumb.truncateBreadcrumbLongName;
     }
 });
 const _partitionBreadcrumbItems = require("./partitionBreadcrumbItems");

package/lib-commonjs/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export { partitionBreadcrumbItems } from './partitionBreadcrumbItems';\nexport { truncateBreadcrumbLongName, truncateBreadcrumLongTooltip, isTruncatableBreadcrumbContent } from './truncateBreadcrumb';\n"],"names":["partitionBreadcrumbItems","truncateBreadcrumbLongName","truncateBreadcrumLongTooltip","isTruncatableBreadcrumbContent"],"mappings":";;;;;;;;;;;IAASA,wBAAwB;eAAxBA,kDAAwB;;IACxBC,0BAA0B;eAA1BA,8CAA0B;;IAAEC,4BAA4B;eAA5BA,gDAA4B;;IAAEC,8BAA8B;eAA9BA,kDAA8B;;;0CADxD;oCACgE"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { partitionBreadcrumbItems } from './partitionBreadcrumbItems';\nexport type { PartitionBreadcrumbItems, PartitionBreadcrumbItemsOptions } from './partitionBreadcrumbItems';\nexport {\n  truncateBreadcrumbLongName,\n  truncateBreadcrumLongTooltip,\n  isTruncatableBreadcrumbContent,\n} from './truncateBreadcrumb';\n"],"names":["isTruncatableBreadcrumbContent","partitionBreadcrumbItems","truncateBreadcrumLongTooltip","truncateBreadcrumbLongName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKEA,8BAA8B;eAA9BA,kDAA8B;;IALvBC,wBAAwB;eAAxBA,kDAAwB;;IAI/BC,4BAA4B;eAA5BA,gDAA4B;;IAD5BC,0BAA0B;eAA1BA,8CAA0B;;;0CAHa;oCAMlC"}

package/lib-commonjs/utils/partitionBreadcrumbItems.js.map

@@ -1 +1 @@
-{"version":3,"sources":["partitionBreadcrumbItems.js"],"sourcesContent":["const DEFAULT_OVERFLOW_INDEX = 1;\nconst DEFAULT_MAX_DISPLAYED_ITEMS = 6;\n/**\n * Get the displayed items and overflowing items based on the array of BreadcrumbItems needed for Breadcrumb.\n *\n * @param options - Configure the partition options\n *\n * @returns Three arrays split into displayed items and overflow items based on maxDisplayedItems.\n */ export const partitionBreadcrumbItems = (options)=>{\n    let startDisplayedItems;\n    let overflowItems;\n    let endDisplayedItems;\n    const { items = [] } = options;\n    const itemsCount = items.length;\n    const maxDisplayedItems = getMaxDisplayedItems(options.maxDisplayedItems);\n    var _options_overflowIndex;\n    let overflowIndex = (_options_overflowIndex = options.overflowIndex) !== null && _options_overflowIndex !== void 0 ? _options_overflowIndex : DEFAULT_OVERFLOW_INDEX;\n    startDisplayedItems = items.slice(0, overflowIndex);\n    const numberItemsToHide = itemsCount - maxDisplayedItems;\n    if (numberItemsToHide > 0) {\n        overflowIndex = overflowIndex >= maxDisplayedItems ? maxDisplayedItems - 1 : overflowIndex;\n        const menuLastItemIdx = overflowIndex + numberItemsToHide;\n        startDisplayedItems = startDisplayedItems.slice(0, overflowIndex);\n        overflowItems = items.slice(overflowIndex, menuLastItemIdx);\n        if (menuLastItemIdx < itemsCount) {\n            endDisplayedItems = items.slice(menuLastItemIdx, itemsCount);\n        }\n    } else if (overflowIndex < itemsCount) {\n        endDisplayedItems = items.slice(overflowIndex, itemsCount);\n    }\n    return {\n        startDisplayedItems,\n        overflowItems,\n        endDisplayedItems\n    };\n};\nfunction getMaxDisplayedItems(maxDisplayedItems) {\n    return maxDisplayedItems && maxDisplayedItems >= 0 ? maxDisplayedItems : DEFAULT_MAX_DISPLAYED_ITEMS;\n}\n"],"names":["partitionBreadcrumbItems","DEFAULT_OVERFLOW_INDEX","DEFAULT_MAX_DISPLAYED_ITEMS","options","startDisplayedItems","overflowItems","endDisplayedItems","items","itemsCount","length","maxDisplayedItems","getMaxDisplayedItems","_options_overflowIndex","overflowIndex","slice","numberItemsToHide","menuLastItemIdx"],"mappings":";;;;+BAQiBA;;;eAAAA;;;AARjB,MAAMC,yBAAyB;AAC/B,MAAMC,8BAA8B;AAOzB,MAAMF,2BAA2B,CAACG;IACzC,IAAIC;IACJ,IAAIC;IACJ,IAAIC;IACJ,MAAM,EAAEC,QAAQ,EAAE,EAAE,GAAGJ;IACvB,MAAMK,aAAaD,MAAME,MAAM;IAC/B,MAAMC,oBAAoBC,qBAAqBR,QAAQO,iBAAiB;IACxE,IAAIE;IACJ,IAAIC,gBAAgB,AAACD,CAAAA,yBAAyBT,QAAQU,aAAa,AAAD,MAAO,QAAQD,2BAA2B,KAAK,IAAIA,yBAAyBX;IAC9IG,sBAAsBG,MAAMO,KAAK,CAAC,GAAGD;IACrC,MAAME,oBAAoBP,aAAaE;IACvC,IAAIK,oBAAoB,GAAG;QACvBF,gBAAgBA,iBAAiBH,oBAAoBA,oBAAoB,IAAIG;QAC7E,MAAMG,kBAAkBH,gBAAgBE;QACxCX,sBAAsBA,oBAAoBU,KAAK,CAAC,GAAGD;QACnDR,gBAAgBE,MAAMO,KAAK,CAACD,eAAeG;QAC3C,IAAIA,kBAAkBR,YAAY;YAC9BF,oBAAoBC,MAAMO,KAAK,CAACE,iBAAiBR;QACrD;IACJ,OAAO,IAAIK,gBAAgBL,YAAY;QACnCF,oBAAoBC,MAAMO,KAAK,CAACD,eAAeL;IACnD;IACA,OAAO;QACHJ;QACAC;QACAC;IACJ;AACJ;AACA,SAASK,qBAAqBD,iBAAiB;IAC3C,OAAOA,qBAAqBA,qBAAqB,IAAIA,oBAAoBR;AAC7E"}
+{"version":3,"sources":["partitionBreadcrumbItems.ts"],"sourcesContent":["const DEFAULT_OVERFLOW_INDEX = 1;\nconst DEFAULT_MAX_DISPLAYED_ITEMS = 6;\n\nexport type PartitionBreadcrumbItemsOptions<T> = {\n  items: readonly T[];\n  maxDisplayedItems?: number;\n  overflowIndex?: number;\n};\n\nexport type PartitionBreadcrumbItems<T> = {\n  startDisplayedItems: readonly T[];\n  overflowItems?: readonly T[];\n  endDisplayedItems?: readonly T[];\n};\n\n/**\n * Get the displayed items and overflowing items based on the array of BreadcrumbItems needed for Breadcrumb.\n *\n * @param options - Configure the partition options\n *\n * @returns Three arrays split into displayed items and overflow items based on maxDisplayedItems.\n */\nexport const partitionBreadcrumbItems = <T>(\n  options: PartitionBreadcrumbItemsOptions<T>,\n): PartitionBreadcrumbItems<T> => {\n  let startDisplayedItems;\n  let overflowItems;\n  let endDisplayedItems;\n\n  const { items = [] } = options;\n  const itemsCount = items.length;\n  const maxDisplayedItems = getMaxDisplayedItems(options.maxDisplayedItems);\n  let overflowIndex = options.overflowIndex ?? DEFAULT_OVERFLOW_INDEX;\n  startDisplayedItems = items.slice(0, overflowIndex);\n\n  const numberItemsToHide = itemsCount - maxDisplayedItems;\n\n  if (numberItemsToHide > 0) {\n    overflowIndex = overflowIndex >= maxDisplayedItems ? maxDisplayedItems - 1 : overflowIndex;\n    const menuLastItemIdx = overflowIndex + numberItemsToHide;\n\n    startDisplayedItems = startDisplayedItems.slice(0, overflowIndex);\n    overflowItems = items.slice(overflowIndex, menuLastItemIdx);\n    if (menuLastItemIdx < itemsCount) {\n      endDisplayedItems = items.slice(menuLastItemIdx, itemsCount);\n    }\n  } else if (overflowIndex < itemsCount) {\n    endDisplayedItems = items.slice(overflowIndex, itemsCount);\n  }\n\n  return {\n    startDisplayedItems,\n    overflowItems,\n    endDisplayedItems,\n  };\n};\n\nfunction getMaxDisplayedItems(maxDisplayedItems: number | undefined) {\n  return maxDisplayedItems && maxDisplayedItems >= 0 ? maxDisplayedItems : DEFAULT_MAX_DISPLAYED_ITEMS;\n}\n"],"names":["partitionBreadcrumbItems","DEFAULT_OVERFLOW_INDEX","DEFAULT_MAX_DISPLAYED_ITEMS","options","startDisplayedItems","overflowItems","endDisplayedItems","items","itemsCount","length","maxDisplayedItems","getMaxDisplayedItems","overflowIndex","slice","numberItemsToHide","menuLastItemIdx"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAsBaA;;;eAAAA;;;AAtBb,MAAMC,yBAAyB;AAC/B,MAAMC,8BAA8B;AAqB7B,MAAMF,2BAA2B,CACtCG;IAEA,IAAIC;IACJ,IAAIC;IACJ,IAAIC;IAEJ,MAAM,EAAEC,QAAQ,EAAE,EAAE,GAAGJ;IACvB,MAAMK,aAAaD,MAAME,MAAM;IAC/B,MAAMC,oBAAoBC,qBAAqBR,QAAQO,iBAAiB;QACpDP;IAApB,IAAIS,gBAAgBT,CAAAA,yBAAAA,QAAQS,aAAa,AAAbA,MAAa,QAArBT,2BAAAA,KAAAA,IAAAA,yBAAyBF;IAC7CG,sBAAsBG,MAAMM,KAAK,CAAC,GAAGD;IAErC,MAAME,oBAAoBN,aAAaE;IAEvC,IAAII,oBAAoB,GAAG;QACzBF,gBAAgBA,iBAAiBF,oBAAoBA,oBAAoB,IAAIE;QAC7E,MAAMG,kBAAkBH,gBAAgBE;QAExCV,sBAAsBA,oBAAoBS,KAAK,CAAC,GAAGD;QACnDP,gBAAgBE,MAAMM,KAAK,CAACD,eAAeG;QAC3C,IAAIA,kBAAkBP,YAAY;YAChCF,oBAAoBC,MAAMM,KAAK,CAACE,iBAAiBP;QACnD;IACF,OAAO,IAAII,gBAAgBJ,YAAY;QACrCF,oBAAoBC,MAAMM,KAAK,CAACD,eAAeJ;IACjD;IAEA,OAAO;QACLJ;QACAC;QACAC;IACF;AACF;AAEA,SAASK,qBAAqBD,iBAAqC;IACjE,OAAOA,qBAAqBA,qBAAqB,IAAIA,oBAAoBR;AAC3E"}

package/lib-commonjs/utils/truncateBreadcrumb.js

@@ -12,11 +12,11 @@ _export(exports, {
     isTruncatableBreadcrumbContent: function() {
         return isTruncatableBreadcrumbContent;
     },
-    truncateBreadcrumbLongName: function() {
-        return truncateBreadcrumbLongName;
-    },
     truncateBreadcrumLongTooltip: function() {
         return truncateBreadcrumLongTooltip;
+    },
+    truncateBreadcrumbLongName: function() {
+        return truncateBreadcrumbLongName;
     }
 });
 const MAX_NAME_LENGTH = 30;

package/lib-commonjs/utils/truncateBreadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"sources":["truncateBreadcrumb.js"],"sourcesContent":["const MAX_NAME_LENGTH = 30;\nconst MAX_TOOLTIP_LENGTH = 80;\nconst truncateBreadcrumb = (content, maxLength)=>{\n    return isTruncatableBreadcrumbContent(content, maxLength) ? content.trim().slice(0, maxLength).concat('...') : content;\n};\nexport const isTruncatableBreadcrumbContent = (content, maxLength)=>{\n    return content.length > maxLength;\n};\nexport const truncateBreadcrumbLongName = (content, maxLength)=>{\n    const truncateLength = maxLength || MAX_NAME_LENGTH;\n    return truncateBreadcrumb(content, truncateLength);\n};\nexport const truncateBreadcrumLongTooltip = (content, maxLength)=>{\n    const truncateLength = maxLength || MAX_TOOLTIP_LENGTH;\n    return truncateBreadcrumb(content, truncateLength);\n};\n"],"names":["isTruncatableBreadcrumbContent","truncateBreadcrumbLongName","truncateBreadcrumLongTooltip","MAX_NAME_LENGTH","MAX_TOOLTIP_LENGTH","truncateBreadcrumb","content","maxLength","trim","slice","concat","length","truncateLength"],"mappings":";;;;;;;;;;;IAKaA,8BAA8B;eAA9BA;;IAGAC,0BAA0B;eAA1BA;;IAIAC,4BAA4B;eAA5BA;;;AAZb,MAAMC,kBAAkB;AACxB,MAAMC,qBAAqB;AAC3B,MAAMC,qBAAqB,CAACC,SAASC;IACjC,OAAOP,+BAA+BM,SAASC,aAAaD,QAAQE,IAAI,GAAGC,KAAK,CAAC,GAAGF,WAAWG,MAAM,CAAC,SAASJ;AACnH;AACO,MAAMN,iCAAiC,CAACM,SAASC;IACpD,OAAOD,QAAQK,MAAM,GAAGJ;AAC5B;AACO,MAAMN,6BAA6B,CAACK,SAASC;IAChD,MAAMK,iBAAiBL,aAAaJ;IACpC,OAAOE,mBAAmBC,SAASM;AACvC;AACO,MAAMV,+BAA+B,CAACI,SAASC;IAClD,MAAMK,iBAAiBL,aAAaH;IACpC,OAAOC,mBAAmBC,SAASM;AACvC"}
+{"version":3,"sources":["truncateBreadcrumb.ts"],"sourcesContent":["const MAX_NAME_LENGTH = 30;\nconst MAX_TOOLTIP_LENGTH = 80;\n\nconst truncateBreadcrumb = (content: string, maxLength: number): string => {\n  return isTruncatableBreadcrumbContent(content, maxLength)\n    ? content.trim().slice(0, maxLength).concat('...')\n    : content;\n};\n\nexport const isTruncatableBreadcrumbContent = (content: string, maxLength: number) => {\n  return content.length > maxLength;\n};\n\nexport const truncateBreadcrumbLongName = (content: string, maxLength?: number): string => {\n  const truncateLength = maxLength || MAX_NAME_LENGTH;\n  return truncateBreadcrumb(content, truncateLength);\n};\n\nexport const truncateBreadcrumLongTooltip = (content: string, maxLength?: number): string => {\n  const truncateLength = maxLength || MAX_TOOLTIP_LENGTH;\n  return truncateBreadcrumb(content, truncateLength);\n};\n"],"names":["isTruncatableBreadcrumbContent","truncateBreadcrumLongTooltip","truncateBreadcrumbLongName","MAX_NAME_LENGTH","MAX_TOOLTIP_LENGTH","truncateBreadcrumb","content","maxLength","trim","slice","concat","length","truncateLength"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IASaA,8BAAAA;eAAAA;;IASAC,4BAAAA;eAAAA;;IALAC,0BAAAA;eAAAA;;;AAbb,MAAMC,kBAAkB;AACxB,MAAMC,qBAAqB;AAE3B,MAAMC,qBAAqB,CAACC,SAAiBC;IAC3C,OAAOP,+BAA+BM,SAASC,aAC3CD,QAAQE,IAAI,GAAGC,KAAK,CAAC,GAAGF,WAAWG,MAAM,CAAC,SAC1CJ;AACN;AAEO,MAAMN,iCAAiC,CAACM,SAAiBC;IAC9D,OAAOD,QAAQK,MAAM,GAAGJ;AAC1B;AAEO,MAAML,6BAA6B,CAACI,SAAiBC;IAC1D,MAAMK,iBAAiBL,aAAaJ;IACpC,OAAOE,mBAAmBC,SAASM;AACrC;AAEO,MAAMX,+BAA+B,CAACK,SAAiBC;IAC5D,MAAMK,iBAAiBL,aAAaH;IACpC,OAAOC,mBAAmBC,SAASM;AACrC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-breadcrumb",
-  "version": "9.0.31",
+  "version": "9.0.32",
   "description": "Breadcrumb component for Fluent UI React.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -38,15 +38,15 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-aria": "^9.13.0",
-    "@fluentui/react-button": "^9.3.85",
+    "@fluentui/react-aria": "^9.13.1",
+    "@fluentui/react-button": "^9.3.86",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-link": "^9.2.26",
-    "@fluentui/react-shared-contexts": "^9.19.0",
-    "@fluentui/react-tabster": "^9.22.1",
+    "@fluentui/react-link": "^9.2.27",
+    "@fluentui/react-shared-contexts": "^9.19.1",
+    "@fluentui/react-tabster": "^9.22.2",
     "@fluentui/react-theme": "^9.1.19",
-    "@fluentui/react-utilities": "^9.18.11",
-    "@fluentui/react-jsx-runtime": "^9.0.40",
+    "@fluentui/react-utilities": "^9.18.12",
+    "@fluentui/react-jsx-runtime": "^9.0.41",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },