@fluentui/react-breadcrumb 9.0.0

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Breadcrumb", {
+    enumerable: true,
+    get: function() {
+        return Breadcrumb;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useBreadcrumb = require("./useBreadcrumb");
+const _renderBreadcrumb = require("./renderBreadcrumb");
+const _useBreadcrumbStylesstyles = require("./useBreadcrumbStyles.styles");
+const _useBreadcrumbContextValue = require("./useBreadcrumbContextValue");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const Breadcrumb = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useBreadcrumb.useBreadcrumb_unstable)(props, ref);
+    const contextValues = (0, _useBreadcrumbContextValue.useBreadcrumbContextValues_unstable)(state);
+    (0, _useBreadcrumbStylesstyles.useBreadcrumbStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useBreadcrumbStyles_unstable')(state);
+    return (0, _renderBreadcrumb.renderBreadcrumb_unstable)(state, contextValues);
+});
+Breadcrumb.displayName = 'Breadcrumb';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Breadcrumb.js"],"sourcesContent":["import * as React from 'react';\nimport { useBreadcrumb_unstable } from './useBreadcrumb';\nimport { renderBreadcrumb_unstable } from './renderBreadcrumb';\nimport { useBreadcrumbStyles_unstable } from './useBreadcrumbStyles.styles';\nimport { useBreadcrumbContextValues_unstable } from './useBreadcrumbContextValue';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * Breadcrumb component - TODO: add more docs\n */ export const Breadcrumb = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useBreadcrumb_unstable(props, ref);\n    const contextValues = useBreadcrumbContextValues_unstable(state);\n    useBreadcrumbStyles_unstable(state);\n    useCustomStyleHook_unstable('useBreadcrumbStyles_unstable')(state);\n    return renderBreadcrumb_unstable(state, contextValues);\n});\nBreadcrumb.displayName = 'Breadcrumb';\n"],"names":["Breadcrumb","React","forwardRef","props","ref","state","useBreadcrumb_unstable","contextValues","useBreadcrumbContextValues_unstable","useBreadcrumbStyles_unstable","useCustomStyleHook_unstable","renderBreadcrumb_unstable","displayName"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;+BACgB;kCACG;2CACG;2CACO;qCACR;AAGjC,MAAMA,aAAa,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjE,MAAMC,QAAQC,IAAAA,qCAAsB,EAACH,OAAOC;IAC5C,MAAMG,gBAAgBC,IAAAA,8DAAmC,EAACH;IAC1DI,IAAAA,uDAA4B,EAACJ;IAC7BK,IAAAA,gDAA2B,EAAC,gCAAgCL;IAC5D,OAAOM,IAAAA,2CAAyB,EAACN,OAAOE;AAC5C;AACAP,WAAWY,WAAW,GAAG"}

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/lib-commonjs/components/Breadcrumb/BreadcrumbContext.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, {
+    breadcrumbDefaultValue: function() {
+        return breadcrumbDefaultValue;
+    },
+    BreadcrumbProvider: function() {
+        return BreadcrumbProvider;
+    },
+    useBreadcrumbContext_unstable: function() {
+        return useBreadcrumbContext_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const BreadcrumbContext = /*#__PURE__*/ _react.createContext(undefined);
+const breadcrumbDefaultValue = {
+    size: 'medium'
+};
+const BreadcrumbProvider = BreadcrumbContext.Provider;
+const useBreadcrumbContext_unstable = ()=>{
+    var _React_useContext;
+    return (_React_useContext = _react.useContext(BreadcrumbContext)) !== null && _React_useContext !== void 0 ? _React_useContext : breadcrumbDefaultValue;
+};

package/lib-commonjs/components/Breadcrumb/BreadcrumbContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["BreadcrumbContext.js"],"sourcesContent":["import * as React from 'react';\nconst BreadcrumbContext = React.createContext(undefined);\n/**\n * @internal\n */ export const breadcrumbDefaultValue = {\n    size: 'medium'\n};\n/**\n * @internal\n */ export const BreadcrumbProvider = BreadcrumbContext.Provider;\n/**\n * @internal\n */ export const useBreadcrumbContext_unstable = ()=>{\n    var _React_useContext;\n    return (_React_useContext = React.useContext(BreadcrumbContext)) !== null && _React_useContext !== void 0 ? _React_useContext : breadcrumbDefaultValue;\n};\n"],"names":["breadcrumbDefaultValue","BreadcrumbProvider","useBreadcrumbContext_unstable","BreadcrumbContext","React","createContext","undefined","size","Provider","_React_useContext","useContext"],"mappings":";;;;;;;;;;;IAIiBA,sBAAsB;eAAtBA;;IAKAC,kBAAkB;eAAlBA;;IAGAC,6BAA6B;eAA7BA;;;;iEAZM;AACvB,MAAMC,kCAAoBC,OAAMC,aAAa,CAACC;AAGnC,MAAMN,yBAAyB;IACtCO,MAAM;AACV;AAGW,MAAMN,qBAAqBE,kBAAkBK,QAAQ;AAGrD,MAAMN,gCAAgC;IAC7C,IAAIO;IACJ,OAAO,AAACA,CAAAA,oBAAoBL,OAAMM,UAAU,CAACP,kBAAiB,MAAO,QAAQM,sBAAsB,KAAK,IAAIA,oBAAoBT;AACpI"}

package/lib-commonjs/components/Breadcrumb/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("./Breadcrumb"), exports);
+_export_star._(require("./Breadcrumb.types"), exports);
+_export_star._(require("./BreadcrumbContext"), exports);
+_export_star._(require("./renderBreadcrumb"), exports);
+_export_star._(require("./useBreadcrumb"), exports);
+_export_star._(require("./useBreadcrumbStyles.styles"), exports);

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './Breadcrumb';\nexport * from './Breadcrumb.types';\nexport * from './BreadcrumbContext';\nexport * from './renderBreadcrumb';\nexport * from './useBreadcrumb';\nexport * from './useBreadcrumbStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/Breadcrumb/renderBreadcrumb.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderBreadcrumb_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderBreadcrumb_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const _BreadcrumbContext = require("./BreadcrumbContext");
+const renderBreadcrumb_unstable = (state, contextValues)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_BreadcrumbContext.BreadcrumbProvider, {
+            value: contextValues,
+            children: state.list && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.list, {
+                children: state.root.children
+            })
+        })
+    });
+};

package/lib-commonjs/components/Breadcrumb/renderBreadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderBreadcrumb.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { BreadcrumbProvider } from './BreadcrumbContext';\n/**\n * Render the final JSX of Breadcrumb\n */ export const renderBreadcrumb_unstable = (state, contextValues)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(state.root, {\n        children: /*#__PURE__*/ _jsx(BreadcrumbProvider, {\n            value: contextValues,\n            children: state.list && /*#__PURE__*/ _jsx(state.list, {\n                children: state.root.children\n            })\n        })\n    });\n};\n"],"names":["renderBreadcrumb_unstable","state","contextValues","assertSlots","_jsx","root","children","BreadcrumbProvider","value","list"],"mappings":";;;;+BAKiBA;;;eAAAA;;;4BALa;gCACF;mCACO;AAGxB,MAAMA,4BAA4B,CAACC,OAAOC;IACjDC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,eAAI,EAACH,MAAMI,IAAI,EAAE;QAClCC,UAAU,WAAW,GAAGF,IAAAA,eAAI,EAACG,qCAAkB,EAAE;YAC7CC,OAAON;YACPI,UAAUL,MAAMQ,IAAI,IAAI,WAAW,GAAGL,IAAAA,eAAI,EAACH,MAAMQ,IAAI,EAAE;gBACnDH,UAAUL,MAAMI,IAAI,CAACC,QAAQ;YACjC;QACJ;IACJ;AACJ"}

package/lib-commonjs/components/Breadcrumb/useBreadcrumb.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useBreadcrumb_unstable", {
+    enumerable: true,
+    get: function() {
+        return useBreadcrumb_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 _reacttabster = require("@fluentui/react-tabster");
+const useBreadcrumb_unstable = (props, ref)=>{
+    const { focusMode = 'tab', size = 'medium', list, ...rest } = props;
+    const focusAttributes = (0, _reacttabster.useArrowNavigationGroup)({
+        circular: true,
+        axis: 'horizontal',
+        memorizeCurrent: true
+    });
+    var _props_arialabel;
+    return {
+        components: {
+            root: 'nav',
+            list: 'ol'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('nav', {
+            ref,
+            'aria-label': (_props_arialabel = props['aria-label']) !== null && _props_arialabel !== void 0 ? _props_arialabel : 'breadcrumb',
+            ...focusMode === 'arrow' ? focusAttributes : {},
+            ...rest
+        }), {
+            elementType: 'nav'
+        }),
+        list: _reactutilities.slot.optional(list, {
+            renderByDefault: true,
+            defaultProps: {
+                role: 'list'
+            },
+            elementType: 'ol'
+        }),
+        size
+    };
+};

package/lib-commonjs/components/Breadcrumb/useBreadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useBreadcrumb.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\n/**\n * Create the state required to render Breadcrumb.\n *\n * The returned state can be modified with hooks such as useBreadcrumbStyles_unstable,\n * before being passed to renderBreadcrumb_unstable.\n *\n * @param props - props from this instance of Breadcrumb\n * @param ref - reference to root HTMLElement of Breadcrumb\n */ export const useBreadcrumb_unstable = (props, ref)=>{\n    const { focusMode = 'tab', size = 'medium', list, ...rest } = props;\n    const focusAttributes = useArrowNavigationGroup({\n        circular: true,\n        axis: 'horizontal',\n        memorizeCurrent: true\n    });\n    var _props_arialabel;\n    return {\n        components: {\n            root: 'nav',\n            list: 'ol'\n        },\n        root: slot.always(getIntrinsicElementProps('nav', {\n            ref,\n            'aria-label': (_props_arialabel = props['aria-label']) !== null && _props_arialabel !== void 0 ? _props_arialabel : 'breadcrumb',\n            ...focusMode === 'arrow' ? focusAttributes : {},\n            ...rest\n        }), {\n            elementType: 'nav'\n        }),\n        list: slot.optional(list, {\n            renderByDefault: true,\n            defaultProps: {\n                role: 'list'\n            },\n            elementType: 'ol'\n        }),\n        size\n    };\n};\n"],"names":["useBreadcrumb_unstable","props","ref","focusMode","size","list","rest","focusAttributes","useArrowNavigationGroup","circular","axis","memorizeCurrent","_props_arialabel","components","root","slot","always","getIntrinsicElementProps","elementType","optional","renderByDefault","defaultProps","role"],"mappings":";;;;+BAWiBA;;;eAAAA;;;;iEAXM;gCACwB;8BACP;AAS7B,MAAMA,yBAAyB,CAACC,OAAOC;IAC9C,MAAM,EAAEC,YAAY,KAAK,EAAEC,OAAO,QAAQ,EAAEC,IAAI,EAAE,GAAGC,MAAM,GAAGL;IAC9D,MAAMM,kBAAkBC,IAAAA,qCAAuB,EAAC;QAC5CC,UAAU;QACVC,MAAM;QACNC,iBAAiB;IACrB;IACA,IAAIC;IACJ,OAAO;QACHC,YAAY;YACRC,MAAM;YACNT,MAAM;QACV;QACAS,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9Cf;YACA,cAAc,AAACU,CAAAA,mBAAmBX,KAAK,CAAC,aAAa,AAAD,MAAO,QAAQW,qBAAqB,KAAK,IAAIA,mBAAmB;YACpH,GAAGT,cAAc,UAAUI,kBAAkB,CAAC,CAAC;YAC/C,GAAGD,IAAI;QACX,IAAI;YACAY,aAAa;QACjB;QACAb,MAAMU,oBAAI,CAACI,QAAQ,CAACd,MAAM;YACtBe,iBAAiB;YACjBC,cAAc;gBACVC,MAAM;YACV;YACAJ,aAAa;QACjB;QACAd;IACJ;AACJ"}

package/lib-commonjs/components/Breadcrumb/useBreadcrumbContextValue.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useBreadcrumbContextValues_unstable", {
+    enumerable: true,
+    get: function() {
+        return useBreadcrumbContextValues_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+function useBreadcrumbContextValues_unstable(state) {
+    const { size } = state;
+    return _react.useMemo(()=>({
+            size
+        }), [
+        size
+    ]);
+}

package/lib-commonjs/components/Breadcrumb/useBreadcrumbContextValue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useBreadcrumbContextValue.js"],"sourcesContent":["import * as React from 'react';\nexport function useBreadcrumbContextValues_unstable(state) {\n    const { size } = state;\n    return React.useMemo(()=>({\n            size\n        }), [\n        size\n    ]);\n}\n"],"names":["useBreadcrumbContextValues_unstable","state","size","React","useMemo"],"mappings":";;;;+BACgBA;;;eAAAA;;;;iEADO;AAChB,SAASA,oCAAoCC,KAAK;IACrD,MAAM,EAAEC,IAAI,EAAE,GAAGD;IACjB,OAAOE,OAAMC,OAAO,CAAC,IAAK,CAAA;YAClBF;QACJ,CAAA,GAAI;QACJA;KACH;AACL"}

package/lib-commonjs/components/Breadcrumb/useBreadcrumbStyles.styles.js

@@ -0,0 +1,34 @@
+"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, {
+    breadcrumbClassNames: function() {
+        return breadcrumbClassNames;
+    },
+    useBreadcrumbStyles_unstable: function() {
+        return useBreadcrumbStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const breadcrumbClassNames = {
+    root: 'fui-Breadcrumb',
+    list: 'fui-Breadcrumb__list'
+};
+const useListClassName = /*#__PURE__*/ (0, _react.__resetStyles)("rc5rb6b", null, [
+    ".rc5rb6b{list-style-type:none;display:flex;align-items:center;margin:0;padding:0;}"
+]);
+const useBreadcrumbStyles_unstable = (state)=>{
+    const listBaseClassName = useListClassName();
+    state.root.className = (0, _react.mergeClasses)(breadcrumbClassNames.root, state.root.className);
+    if (state.list) {
+        state.list.className = (0, _react.mergeClasses)(listBaseClassName, breadcrumbClassNames.list, state.list.className);
+    }
+    return state;
+}; //# sourceMappingURL=useBreadcrumbStyles.styles.js.map

package/lib-commonjs/components/Breadcrumb/useBreadcrumbStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useBreadcrumbStyles.styles.js"],"sourcesContent":["import { __resetStyles, mergeClasses } from '@griffel/react';\nexport const breadcrumbClassNames = {\n  root: 'fui-Breadcrumb',\n  list: 'fui-Breadcrumb__list'\n};\nconst useListClassName = /*#__PURE__*/__resetStyles(\"rc5rb6b\", null, [\".rc5rb6b{list-style-type:none;display:flex;align-items:center;margin:0;padding:0;}\"]);\n/**\n * Apply styling to the Breadcrumb slots based on the state\n */\nexport const useBreadcrumbStyles_unstable = state => {\n  const listBaseClassName = useListClassName();\n  state.root.className = mergeClasses(breadcrumbClassNames.root, state.root.className);\n  if (state.list) {\n    state.list.className = mergeClasses(listBaseClassName, breadcrumbClassNames.list, state.list.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useBreadcrumbStyles.styles.js.map"],"names":["breadcrumbClassNames","useBreadcrumbStyles_unstable","root","list","useListClassName","__resetStyles","state","listBaseClassName","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,oBAAoB;eAApBA;;IAQAC,4BAA4B;eAA5BA;;;uBAT+B;AACrC,MAAMD,uBAAuB;IAClCE,MAAM;IACNC,MAAM;AACR;AACA,MAAMC,mBAAmB,WAAW,GAAEC,IAAAA,oBAAa,EAAC,WAAW,MAAM;IAAC;CAAqF;AAIpJ,MAAMJ,+BAA+BK,CAAAA;IAC1C,MAAMC,oBAAoBH;IAC1BE,MAAMJ,IAAI,CAACM,SAAS,GAAGC,IAAAA,mBAAY,EAACT,qBAAqBE,IAAI,EAAEI,MAAMJ,IAAI,CAACM,SAAS;IACnF,IAAIF,MAAMH,IAAI,EAAE;QACdG,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACF,mBAAmBP,qBAAqBG,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IACxG;IACA,OAAOF;AACT,GACA,sDAAsD"}

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "BreadcrumbButton", {
+    enumerable: true,
+    get: function() {
+        return BreadcrumbButton;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useBreadcrumbButton = require("./useBreadcrumbButton");
+const _renderBreadcrumbButton = require("./renderBreadcrumbButton");
+const _useBreadcrumbButtonStylesstyles = require("./useBreadcrumbButtonStyles.styles");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const BreadcrumbButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useBreadcrumbButton.useBreadcrumbButton_unstable)(props, ref);
+    (0, _useBreadcrumbButtonStylesstyles.useBreadcrumbButtonStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useBreadcrumbButtonStyles_unstable')(state);
+    return (0, _renderBreadcrumbButton.renderBreadcrumbButton_unstable)(state);
+});
+BreadcrumbButton.displayName = 'BreadcrumbButton';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["BreadcrumbButton.js"],"sourcesContent":["import * as React from 'react';\nimport { useBreadcrumbButton_unstable } from './useBreadcrumbButton';\nimport { renderBreadcrumbButton_unstable } from './renderBreadcrumbButton';\nimport { useBreadcrumbButtonStyles_unstable } from './useBreadcrumbButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * A button component which is used inside the Breadcrumb.\n */ export const BreadcrumbButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useBreadcrumbButton_unstable(props, ref);\n    useBreadcrumbButtonStyles_unstable(state);\n    useCustomStyleHook_unstable('useBreadcrumbButtonStyles_unstable')(state);\n    return renderBreadcrumbButton_unstable(state);\n});\nBreadcrumbButton.displayName = 'BreadcrumbButton';\n"],"names":["BreadcrumbButton","React","forwardRef","props","ref","state","useBreadcrumbButton_unstable","useBreadcrumbButtonStyles_unstable","useCustomStyleHook_unstable","renderBreadcrumbButton_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;qCACsB;wCACG;iDACG;qCACP;AAGjC,MAAMA,mBAAmB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACvE,MAAMC,QAAQC,IAAAA,iDAA4B,EAACH,OAAOC;IAClDG,IAAAA,mEAAkC,EAACF;IACnCG,IAAAA,gDAA2B,EAAC,sCAAsCH;IAClE,OAAOI,IAAAA,uDAA+B,EAACJ;AAC3C;AACAL,iBAAiBU,WAAW,GAAG"}

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./BreadcrumbButton"), exports);
+_export_star._(require("./BreadcrumbButton.types"), exports);
+_export_star._(require("./renderBreadcrumbButton"), exports);
+_export_star._(require("./useBreadcrumbButton"), exports);
+_export_star._(require("./useBreadcrumbButtonStyles.styles"), exports);

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './BreadcrumbButton';\nexport * from './BreadcrumbButton.types';\nexport * from './renderBreadcrumbButton';\nexport * from './useBreadcrumbButton';\nexport * from './useBreadcrumbButtonStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/BreadcrumbButton/renderBreadcrumbButton.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderBreadcrumbButton_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderBreadcrumbButton_unstable;
+    }
+});
+const _reactbutton = require("@fluentui/react-button");
+const renderBreadcrumbButton_unstable = (state)=>{
+    return (0, _reactbutton.renderButton_unstable)(state);
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["renderBreadcrumbButton.js"],"sourcesContent":["import { renderButton_unstable } from '@fluentui/react-button';\n/**\n * Render the final JSX of BreadcrumbButton\n */ export const renderBreadcrumbButton_unstable = (state)=>{\n    return renderButton_unstable(state);\n};\n"],"names":["renderBreadcrumbButton_unstable","state","renderButton_unstable"],"mappings":";;;;+BAGiBA;;;eAAAA;;;6BAHqB;AAG3B,MAAMA,kCAAkC,CAACC;IAChD,OAAOC,IAAAA,kCAAqB,EAACD;AACjC"}

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

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useBreadcrumbButton_unstable", {
+    enumerable: true,
+    get: function() {
+        return useBreadcrumbButton_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactbutton = require("@fluentui/react-button");
+const _BreadcrumbContext = require("../Breadcrumb/BreadcrumbContext");
+const useBreadcrumbButton_unstable = (props, ref)=>{
+    const { size } = (0, _BreadcrumbContext.useBreadcrumbContext_unstable)();
+    const { current = false, as, ...rest } = props;
+    const controlType = (as !== null && as !== void 0 ? as : props.href) ? 'a' : 'button';
+    var _props_ariacurrent, _props_ariadisabled;
+    return {
+        ...(0, _reactbutton.useButton_unstable)({
+            appearance: 'subtle',
+            role: undefined,
+            type: undefined,
+            as: controlType,
+            iconPosition: 'before',
+            'aria-current': current ? (_props_ariacurrent = props['aria-current']) !== null && _props_ariacurrent !== void 0 ? _props_ariacurrent : 'page' : undefined,
+            'aria-disabled': current ? (_props_ariadisabled = props['aria-disabled']) !== null && _props_ariadisabled !== void 0 ? _props_ariadisabled : true : undefined,
+            ...rest
+        }, ref),
+        current,
+        size
+    };
+};

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

@@ -0,0 +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"}

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

@@ -0,0 +1,257 @@
+"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, {
+    breadcrumbButtonClassNames: function() {
+        return breadcrumbButtonClassNames;
+    },
+    useBreadcrumbButtonStyles_unstable: function() {
+        return useBreadcrumbButtonStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reactbutton = require("@fluentui/react-button");
+const _reacttheme = require("@fluentui/react-theme");
+const _reacticons = require("@fluentui/react-icons");
+const breadcrumbButtonClassNames = {
+    root: 'fui-BreadcrumbButton',
+    icon: 'fui-BreadcrumbButton__icon'
+};
+/**
+ * CSS variable names used internally for styling in the Breadcrumb.
+ */ const breadcrumbCSSVars = {
+    breadcrumbIconSizeVar: '--fui-Breadcrumb--icon-size',
+    breadcrumbIconLineHeightVar: '--fui-Breadcrumb--icon-line-height'
+};
+const useIconStyles = /*#__PURE__*/ (0, _react.__styles)({
+    base: {
+        Be2twd7: "fsj74e5",
+        Bqenvij: "f1qfv4wv",
+        Bg96gwp: "f15xapk4",
+        a9b677: "f17j33op",
+        t21cq0: [
+            "fm0x6gh",
+            "fbyavb5"
+        ]
+    },
+    small: {
+        u3h8gg: "f1qfi7kw",
+        Biu6dll: "f1876atl"
+    },
+    medium: {
+        u3h8gg: "f1h9446d",
+        Biu6dll: "f10xfswh"
+    },
+    large: {
+        u3h8gg: "f5hcofs",
+        Biu6dll: "f1a6v6zl"
+    }
+}, {
+    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);}"
+    ]
+});
+const defaultButtonStyles = {
+    backgroundColor: _reacttheme.tokens.colorTransparentBackground,
+    color: _reacttheme.tokens.colorNeutralForeground2,
+    cursor: 'auto'
+};
+const currentIconStyles = {
+    ...defaultButtonStyles,
+    [`& .${_reactbutton.buttonClassNames.icon}`]: {
+        color: 'unset'
+    },
+    [`& .${_reacticons.iconFilledClassName}`]: {
+        display: 'none'
+    },
+    [`& .${_reacticons.iconRegularClassName}`]: {
+        display: 'inline'
+    }
+};
+const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        Bf4jedk: "f18p0k4z",
+        j4b8c3: "fv6wr3j",
+        icvyot: "f1ern45e",
+        vrafjx: [
+            "f1n71otn",
+            "f1deefiw"
+        ],
+        oivjwe: "f1h8hb77",
+        wvpqe5: [
+            "f1deefiw",
+            "f1n71otn"
+        ]
+    },
+    small: {
+        Bqenvij: "frvgh55",
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fy9rknc",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "fwrc4pm",
+        z8tnut: "f16k8034",
+        z189sj: [
+            "fdw0yi8",
+            "fk8j09s"
+        ],
+        Byoj8tv: "f1angvds",
+        uwmqm3: [
+            "fk8j09s",
+            "fdw0yi8"
+        ]
+    },
+    medium: {
+        Bqenvij: "f1d2rq10",
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fkhj508",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "f1i3iumi",
+        z8tnut: "f16k8034",
+        z189sj: [
+            "fdw0yi8",
+            "fk8j09s"
+        ],
+        Byoj8tv: "f1angvds",
+        uwmqm3: [
+            "fk8j09s",
+            "fdw0yi8"
+        ]
+    },
+    large: {
+        Bqenvij: "fbhnoac",
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fod5ikn",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "faaz57k",
+        z8tnut: "f17mpqex",
+        z189sj: [
+            "f1vdfbxk",
+            "f1f5gg8d"
+        ],
+        Byoj8tv: "fdvome7",
+        uwmqm3: [
+            "f1f5gg8d",
+            "f1vdfbxk"
+        ]
+    },
+    current: {
+        Jwef8y: "f9ql6rf",
+        Bi91k9c: "f3p8bqa",
+        eoavqd: "f14w7a5u",
+        Bbdnnc7: "f1irjp3o",
+        Bk3fhr4: "f19vpps7",
+        Bmfj8id: "fv5swzo",
+        iro3zm: "f3h1zc4",
+        B2d53fq: "f1xkgyln",
+        c3iz72: "f17wbbfx",
+        x3br3k: "fofxw0a",
+        em6i61: "f1ol4fw6",
+        vm6p8p: "f1q1lw4e",
+        Bszkowt: "ff24m",
+        Dyrjrp: "ft5r8e9",
+        ezr58z: "f1cbpfqp",
+        nhk3du: "f1motppv",
+        Bfrek18: "fi9vkhg",
+        G209fr: "f1fg3nnv"
+    },
+    currentSmall: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fy9rknc",
+        Bhrd7zp: "fl43uef",
+        Bg96gwp: "fwrc4pm"
+    },
+    currentMedium: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fkhj508",
+        Bhrd7zp: "fl43uef",
+        Bg96gwp: "f1i3iumi"
+    },
+    currentLarge: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fod5ikn",
+        Bhrd7zp: "fl43uef",
+        Bg96gwp: "faaz57k"
+    }
+}, {
+    d: [
+        ".f18p0k4z{min-width:unset;}",
+        ".fv6wr3j{text-wrap:nowrap;}",
+        ".f1ern45e{border-top-style:none;}",
+        ".f1n71otn{border-right-style:none;}",
+        ".f1deefiw{border-left-style:none;}",
+        ".f1h8hb77{border-bottom-style:none;}",
+        ".frvgh55{height:24px;}",
+        ".fk6fouc{font-family:var(--fontFamilyBase);}",
+        ".fy9rknc{font-size:var(--fontSizeBase200);}",
+        ".figsok6{font-weight:var(--fontWeightRegular);}",
+        ".fwrc4pm{line-height:var(--lineHeightBase200);}",
+        ".f16k8034{padding-top:var(--spacingHorizontalSNudge);}",
+        ".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}",
+        ".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}",
+        ".f1angvds{padding-bottom:var(--spacingHorizontalSNudge);}",
+        ".f1d2rq10{height:32px;}",
+        ".fkhj508{font-size:var(--fontSizeBase300);}",
+        ".f1i3iumi{line-height:var(--lineHeightBase300);}",
+        ".fbhnoac{height:40px;}",
+        ".fod5ikn{font-size:var(--fontSizeBase400);}",
+        ".faaz57k{line-height:var(--lineHeightBase400);}",
+        ".f17mpqex{padding-top:var(--spacingHorizontalS);}",
+        ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}",
+        ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}",
+        ".fdvome7{padding-bottom:var(--spacingHorizontalS);}",
+        ".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);}"
+    ],
+    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;}"
+    ]
+});
+const useBreadcrumbButtonStyles_unstable = (state)=>{
+    const styles = useStyles();
+    const iconStyles = useIconStyles();
+    const currentSizeMap = {
+        small: styles.currentSmall,
+        medium: styles.currentMedium,
+        large: styles.currentLarge
+    };
+    state.root.className = (0, _react.mergeClasses)(breadcrumbButtonClassNames.root, styles[state.size], styles.root, state.current && currentSizeMap[state.size], state.current && styles.current, state.root.className);
+    if (state.icon) {
+        state.icon.className = (0, _react.mergeClasses)(iconStyles.base, iconStyles[state.size], state.icon.className);
+    }
+    (0, _reactbutton.useButtonStyles_unstable)(state);
+    return state;
+}; //# sourceMappingURL=useBreadcrumbButtonStyles.styles.js.map