@fluentui/react-tree 9.0.0-beta.12 → 9.0.0-beta.13

package/lib-commonjs/components/TreeItem/useTreeItemStyles.styles.js

@@ -0,0 +1,208 @@
+"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, {
+    treeItemClassNames: ()=>treeItemClassNames,
+    useTreeItemStyles_unstable: ()=>useTreeItemStyles_unstable
+});
+const _react = require("@griffel/react");
+const treeItemClassNames = {
+    root: 'fui-TreeItem'
+};
+const useRootStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    level1: {
+        iytv0q: "f10bgyvd"
+    },
+    level2: {
+        iytv0q: "f1h0rod3"
+    },
+    level3: {
+        iytv0q: "fgoqafk"
+    },
+    level4: {
+        iytv0q: "f75dvuh"
+    },
+    level5: {
+        iytv0q: "fqk7yw6"
+    },
+    level6: {
+        iytv0q: "f1r3z17b"
+    },
+    level7: {
+        iytv0q: "f1hrpd1h"
+    },
+    level8: {
+        iytv0q: "f1iy65d0"
+    },
+    level9: {
+        iytv0q: "ftg42e5"
+    },
+    level10: {
+        iytv0q: "fyat3t"
+    },
+    base: {
+        qhf8xq: "f10pi13n",
+        Bceei9c: "f1k6fduh",
+        mc9l5x: "f13qh94s",
+        B7ck84d: "f1ewtqcl",
+        wkccdc: "ffh4ag3",
+        Budl1dq: "f1y1g942",
+        zoa1oz: "faz22wj",
+        De3pzq: "fhovq9v",
+        sj55zd: "fkfq4zb",
+        z189sj: [
+            "flk2ux3",
+            "fkl3uby"
+        ]
+    },
+    focusIndicator: {
+        Brovlpu: "ftqa4ok",
+        B486eqv: "f2hkw1w",
+        B8q5s1w: "f8hki3x",
+        Bci5o5g: [
+            "f1d2448m",
+            "ffh67wi"
+        ],
+        n8qw10: "f1bjia2o",
+        Bdrgwmp: [
+            "ffh67wi",
+            "f1d2448m"
+        ],
+        Bm4h7ae: "f15bsgw9",
+        B7ys5i9: "f14e48fq",
+        Busjfv9: "f18yb2kv",
+        Bhk32uz: "fd6o370",
+        Bf4ptjt: "fh1cnn4",
+        kclons: [
+            "fy7oxxb",
+            "f184ne2d"
+        ],
+        Bhdgwq3: "fpukqih",
+        Blkhhs4: [
+            "f184ne2d",
+            "fy7oxxb"
+        ],
+        Bqtpl0w: "frrh606",
+        clg4pj: [
+            "f1v5zibi",
+            "fo2hd23"
+        ],
+        hgwjuy: "ful5kiu",
+        Bonggc9: [
+            "fo2hd23",
+            "f1v5zibi"
+        ],
+        B1tsrr9: [
+            "f1jqcqds",
+            "ftffrms"
+        ],
+        Dah5zi: [
+            "ftffrms",
+            "f1jqcqds"
+        ],
+        Bkh64rk: [
+            "f2e7qr6",
+            "fsr1zz6"
+        ],
+        qqdqy8: [
+            "fsr1zz6",
+            "f2e7qr6"
+        ],
+        B6dhp37: "f1dvezut",
+        i03rao: [
+            "fd0oaoj",
+            "f1cwg4i8"
+        ],
+        Boxcth7: "fjvm52t",
+        Bsom6fd: [
+            "f1cwg4i8",
+            "fd0oaoj"
+        ],
+        J0r882: "fdiulkx",
+        Bjwuhne: "f1yalx80",
+        Ghsupd: [
+            "fq22d5a",
+            "f1jw7pan"
+        ],
+        Bule8hv: [
+            "f1jw7pan",
+            "fq22d5a"
+        ]
+    }
+}, {
+    d: [
+        ".f10bgyvd{--fluent-TreeItem--level:1;}",
+        ".f1h0rod3{--fluent-TreeItem--level:2;}",
+        ".fgoqafk{--fluent-TreeItem--level:3;}",
+        ".f75dvuh{--fluent-TreeItem--level:4;}",
+        ".fqk7yw6{--fluent-TreeItem--level:5;}",
+        ".f1r3z17b{--fluent-TreeItem--level:6;}",
+        ".f1hrpd1h{--fluent-TreeItem--level:7;}",
+        ".f1iy65d0{--fluent-TreeItem--level:8;}",
+        ".ftg42e5{--fluent-TreeItem--level:9;}",
+        ".fyat3t{--fluent-TreeItem--level:10;}",
+        ".f10pi13n{position:relative;}",
+        ".f1k6fduh{cursor:pointer;}",
+        ".f13qh94s{display:grid;}",
+        ".f1ewtqcl{box-sizing:border-box;}",
+        ".ffh4ag3{grid-template-rows:auto auto;}",
+        ".f1y1g942{grid-template-columns:minmax(0, 100%) minmax(0px, min-content);}",
+        ".faz22wj{grid-template-areas:\"layout  aside\" \"subtree subtree\";}",
+        ".fhovq9v{background-color:var(--colorSubtleBackground);}",
+        ".fkfq4zb{color:var(--colorNeutralForeground2);}",
+        ".flk2ux3{padding-right:var(--spacingHorizontalNone);}",
+        ".fkl3uby{padding-left:var(--spacingHorizontalNone);}",
+        ".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}",
+        ".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}",
+        ".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}",
+        ".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}",
+        ".f15bsgw9[data-fui-focus-visible]::after{content:\"\";}",
+        ".f14e48fq[data-fui-focus-visible]::after{position:absolute;}",
+        ".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}",
+        ".fd6o370[data-fui-focus-visible]::after{z-index:1;}",
+        ".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}",
+        ".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}",
+        ".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}",
+        ".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}",
+        ".frrh606[data-fui-focus-visible]::after{border-top-width:2px;}",
+        ".f1v5zibi[data-fui-focus-visible]::after{border-right-width:2px;}",
+        ".fo2hd23[data-fui-focus-visible]::after{border-left-width:2px;}",
+        ".ful5kiu[data-fui-focus-visible]::after{border-bottom-width:2px;}",
+        ".f1jqcqds[data-fui-focus-visible]::after{border-bottom-right-radius:var(--borderRadiusMedium);}",
+        ".ftffrms[data-fui-focus-visible]::after{border-bottom-left-radius:var(--borderRadiusMedium);}",
+        ".f2e7qr6[data-fui-focus-visible]::after{border-top-right-radius:var(--borderRadiusMedium);}",
+        ".fsr1zz6[data-fui-focus-visible]::after{border-top-left-radius:var(--borderRadiusMedium);}",
+        ".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}",
+        ".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}",
+        ".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}",
+        ".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}",
+        ".fdiulkx[data-fui-focus-visible]::after{top:-2px;}",
+        ".f1yalx80[data-fui-focus-visible]::after{bottom:-2px;}",
+        ".fq22d5a[data-fui-focus-visible]::after{left:-2px;}",
+        ".f1jw7pan[data-fui-focus-visible]::after{right:-2px;}"
+    ],
+    f: [
+        ".ftqa4ok:focus{outline-style:none;}"
+    ],
+    i: [
+        ".f2hkw1w:focus-visible{outline-style:none;}"
+    ]
+});
+const useTreeItemStyles_unstable = (state)=>{
+    const rootStyles = useRootStyles();
+    const { level  } = state;
+    state.root.className = (0, _react.mergeClasses)(treeItemClassNames.root, isStaticallyDefinedLevel(level) && rootStyles[`level${level}`], rootStyles.base, rootStyles.focusIndicator, state.root.className);
+    return state;
+};
+function isStaticallyDefinedLevel(level) {
+    return level >= 1 && level <= 10;
+} //# sourceMappingURL=useTreeItemStyles.styles.js.map
+
+//# sourceMappingURL=useTreeItemStyles.styles.js.map

package/lib-commonjs/components/TreeItem/useTreeItemStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/TreeItem/useTreeItemStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { treeItemLevelToken } from '../../utils/tokens';\nexport const treeItemClassNames = {\n  root: 'fui-TreeItem'\n};\nconst useRootStyles = /*#__PURE__*/__styles({\n  level1: {\n    iytv0q: \"f10bgyvd\"\n  },\n  level2: {\n    iytv0q: \"f1h0rod3\"\n  },\n  level3: {\n    iytv0q: \"fgoqafk\"\n  },\n  level4: {\n    iytv0q: \"f75dvuh\"\n  },\n  level5: {\n    iytv0q: \"fqk7yw6\"\n  },\n  level6: {\n    iytv0q: \"f1r3z17b\"\n  },\n  level7: {\n    iytv0q: \"f1hrpd1h\"\n  },\n  level8: {\n    iytv0q: \"f1iy65d0\"\n  },\n  level9: {\n    iytv0q: \"ftg42e5\"\n  },\n  level10: {\n    iytv0q: \"fyat3t\"\n  },\n  base: {\n    qhf8xq: \"f10pi13n\",\n    Bceei9c: \"f1k6fduh\",\n    mc9l5x: \"f13qh94s\",\n    B7ck84d: \"f1ewtqcl\",\n    wkccdc: \"ffh4ag3\",\n    Budl1dq: \"f1y1g942\",\n    zoa1oz: \"faz22wj\",\n    De3pzq: \"fhovq9v\",\n    sj55zd: \"fkfq4zb\",\n    z189sj: [\"flk2ux3\", \"fkl3uby\"]\n  },\n  focusIndicator: {\n    Brovlpu: \"ftqa4ok\",\n    B486eqv: \"f2hkw1w\",\n    B8q5s1w: \"f8hki3x\",\n    Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n    n8qw10: \"f1bjia2o\",\n    Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n    Bm4h7ae: \"f15bsgw9\",\n    B7ys5i9: \"f14e48fq\",\n    Busjfv9: \"f18yb2kv\",\n    Bhk32uz: \"fd6o370\",\n    Bf4ptjt: \"fh1cnn4\",\n    kclons: [\"fy7oxxb\", \"f184ne2d\"],\n    Bhdgwq3: \"fpukqih\",\n    Blkhhs4: [\"f184ne2d\", \"fy7oxxb\"],\n    Bqtpl0w: \"frrh606\",\n    clg4pj: [\"f1v5zibi\", \"fo2hd23\"],\n    hgwjuy: \"ful5kiu\",\n    Bonggc9: [\"fo2hd23\", \"f1v5zibi\"],\n    B1tsrr9: [\"f1jqcqds\", \"ftffrms\"],\n    Dah5zi: [\"ftffrms\", \"f1jqcqds\"],\n    Bkh64rk: [\"f2e7qr6\", \"fsr1zz6\"],\n    qqdqy8: [\"fsr1zz6\", \"f2e7qr6\"],\n    B6dhp37: \"f1dvezut\",\n    i03rao: [\"fd0oaoj\", \"f1cwg4i8\"],\n    Boxcth7: \"fjvm52t\",\n    Bsom6fd: [\"f1cwg4i8\", \"fd0oaoj\"],\n    J0r882: \"fdiulkx\",\n    Bjwuhne: \"f1yalx80\",\n    Ghsupd: [\"fq22d5a\", \"f1jw7pan\"],\n    Bule8hv: [\"f1jw7pan\", \"fq22d5a\"]\n  }\n}, {\n  d: [\".f10bgyvd{--fluent-TreeItem--level:1;}\", \".f1h0rod3{--fluent-TreeItem--level:2;}\", \".fgoqafk{--fluent-TreeItem--level:3;}\", \".f75dvuh{--fluent-TreeItem--level:4;}\", \".fqk7yw6{--fluent-TreeItem--level:5;}\", \".f1r3z17b{--fluent-TreeItem--level:6;}\", \".f1hrpd1h{--fluent-TreeItem--level:7;}\", \".f1iy65d0{--fluent-TreeItem--level:8;}\", \".ftg42e5{--fluent-TreeItem--level:9;}\", \".fyat3t{--fluent-TreeItem--level:10;}\", \".f10pi13n{position:relative;}\", \".f1k6fduh{cursor:pointer;}\", \".f13qh94s{display:grid;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".ffh4ag3{grid-template-rows:auto auto;}\", \".f1y1g942{grid-template-columns:minmax(0, 100%) minmax(0px, min-content);}\", \".faz22wj{grid-template-areas:\\\"layout  aside\\\" \\\"subtree subtree\\\";}\", \".fhovq9v{background-color:var(--colorSubtleBackground);}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".flk2ux3{padding-right:var(--spacingHorizontalNone);}\", \".fkl3uby{padding-left:var(--spacingHorizontalNone);}\", \".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\", \".f15bsgw9[data-fui-focus-visible]::after{content:\\\"\\\";}\", \".f14e48fq[data-fui-focus-visible]::after{position:absolute;}\", \".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}\", \".fd6o370[data-fui-focus-visible]::after{z-index:1;}\", \".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}\", \".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}\", \".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}\", \".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}\", \".frrh606[data-fui-focus-visible]::after{border-top-width:2px;}\", \".f1v5zibi[data-fui-focus-visible]::after{border-right-width:2px;}\", \".fo2hd23[data-fui-focus-visible]::after{border-left-width:2px;}\", \".ful5kiu[data-fui-focus-visible]::after{border-bottom-width:2px;}\", \".f1jqcqds[data-fui-focus-visible]::after{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".ftffrms[data-fui-focus-visible]::after{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f2e7qr6[data-fui-focus-visible]::after{border-top-right-radius:var(--borderRadiusMedium);}\", \".fsr1zz6[data-fui-focus-visible]::after{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}\", \".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}\", \".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}\", \".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}\", \".fdiulkx[data-fui-focus-visible]::after{top:-2px;}\", \".f1yalx80[data-fui-focus-visible]::after{bottom:-2px;}\", \".fq22d5a[data-fui-focus-visible]::after{left:-2px;}\", \".f1jw7pan[data-fui-focus-visible]::after{right:-2px;}\"],\n  f: [\".ftqa4ok:focus{outline-style:none;}\"],\n  i: [\".f2hkw1w:focus-visible{outline-style:none;}\"]\n});\n/**\n * Apply styling to the TreeItem slots based on the state\n */\nexport const useTreeItemStyles_unstable = state => {\n  const rootStyles = useRootStyles();\n  const {\n    level\n  } = state;\n  state.root.className = mergeClasses(treeItemClassNames.root, isStaticallyDefinedLevel(level) && rootStyles[`level${level}`], rootStyles.base, rootStyles.focusIndicator, state.root.className);\n  return state;\n};\nfunction isStaticallyDefinedLevel(level) {\n  return level >= 1 && level <= 10;\n}\n//# sourceMappingURL=useTreeItemStyles.styles.js.map"],"names":["treeItemClassNames","useTreeItemStyles_unstable","root","useRootStyles","__styles","level1","iytv0q","level2","level3","level4","level5","level6","level7","level8","level9","level10","base","qhf8xq","Bceei9c","mc9l5x","B7ck84d","wkccdc","Budl1dq","zoa1oz","De3pzq","sj55zd","z189sj","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bjwuhne","Ghsupd","Bule8hv","d","f","i","state","rootStyles","level","className","mergeClasses","isStaticallyDefinedLevel"],"mappings":";;;;;;;;;;;IAIaA,kBAAkB,MAAlBA;IAsFAC,0BAA0B,MAA1BA;;uBA1F0B;AAIhC,MAAMD,qBAAqB;IAChCE,MAAM;AACR;AACA,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IAC1CC,QAAQ;QACNC,QAAQ;IACV;IACAC,QAAQ;QACND,QAAQ;IACV;IACAE,QAAQ;QACNF,QAAQ;IACV;IACAG,QAAQ;QACNH,QAAQ;IACV;IACAI,QAAQ;QACNJ,QAAQ;IACV;IACAK,QAAQ;QACNL,QAAQ;IACV;IACAM,QAAQ;QACNN,QAAQ;IACV;IACAO,QAAQ;QACNP,QAAQ;IACV;IACAQ,QAAQ;QACNR,QAAQ;IACV;IACAS,SAAS;QACPT,QAAQ;IACV;IACAU,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;IAChC;IACAC,gBAAgB;QACdC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAU;QAChCC,QAAQ;QACRC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;QACRC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;YAAC;YAAY;SAAU;QAChCC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;YAAC;YAAW;SAAU;QAC/BC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAU;QAChCC,QAAQ;QACRC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;YAAC;YAAY;SAAU;IAClC;AACF,GAAG;IACDC,GAAG;QAAC;QAA0C;QAA0C;QAAyC;QAAyC;QAAyC;QAA0C;QAA0C;QAA0C;QAAyC;QAAyC;QAAiC;QAA8B;QAA4B;QAAqC;QAA2C;QAA8E;QAAwE;QAA4D;QAAmD;QAAyD;QAAwD;QAAmE;QAAsE;QAAoE;QAAuE;QAA2D;QAAgE;QAAkE;QAAuD;QAAoE;QAAsE;QAAsE;QAAuE;QAAkE;QAAqE;QAAmE;QAAqE;QAAmG;QAAiG;QAA+F;QAA8F;QAAwF;QAAyF;QAAyF;QAA0F;QAAsD;QAA0D;QAAuD;KAAwD;IACt7FC,GAAG;QAAC;KAAsC;IAC1CC,GAAG;QAAC;KAA8C;AACpD;AAIO,MAAM3D,6BAA6B4D,CAAAA,QAAS;IACjD,MAAMC,aAAa3D;IACnB,MAAM,EACJ4D,MAAK,EACN,GAAGF;IACJA,MAAM3D,IAAI,CAAC8D,SAAS,GAAGC,IAAAA,mBAAY,EAACjE,mBAAmBE,IAAI,EAAEgE,yBAAyBH,UAAUD,UAAU,CAAC,CAAC,KAAK,EAAEC,MAAM,CAAC,CAAC,EAAED,WAAW9C,IAAI,EAAE8C,WAAWnC,cAAc,EAAEkC,MAAM3D,IAAI,CAAC8D,SAAS;IAC7L,OAAOH;AACT;AACA,SAASK,yBAAyBH,KAAK,EAAE;IACvC,OAAOA,SAAS,KAAKA,SAAS;AAChC,EACA,oDAAoD"}

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TreeItemAside", {
+    enumerable: true,
+    get: ()=>TreeItemAside
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _useTreeItemAside = require("./useTreeItemAside");
+const _renderTreeItemAside = require("./renderTreeItemAside");
+const _useTreeItemAsideStylesStyles = require("./useTreeItemAsideStyles.styles");
+const TreeItemAside = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useTreeItemAside.useTreeItemAside_unstable)(props, ref);
+    (0, _useTreeItemAsideStylesStyles.useTreeItemAsideStyles_unstable)(state);
+    return (0, _renderTreeItemAside.renderTreeItemAside_unstable)(state);
+});
+TreeItemAside.displayName = 'TreeItemAside'; //# sourceMappingURL=TreeItemAside.js.map
+
+//# sourceMappingURL=TreeItemAside.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/TreeItemAside/TreeItemAside.js"],"sourcesContent":["import * as React from 'react';\nimport { useTreeItemAside_unstable } from './useTreeItemAside';\nimport { renderTreeItemAside_unstable } from './renderTreeItemAside';\nimport { useTreeItemAsideStyles_unstable } from './useTreeItemAsideStyles.styles';\n/**\n * TreeItemAside component - represents a custom set of actionable elements that will be visible when a certain\n * `TreeItem` is currently \"active\".\n */\nexport const TreeItemAside = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useTreeItemAside_unstable(props, ref);\n  useTreeItemAsideStyles_unstable(state);\n  return renderTreeItemAside_unstable(state);\n});\nTreeItemAside.displayName = 'TreeItemAside';\n//# sourceMappingURL=TreeItemAside.js.map"],"names":["TreeItemAside","React","forwardRef","props","ref","state","useTreeItemAside_unstable","useTreeItemAsideStyles_unstable","renderTreeItemAside_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;kCACmB;qCACG;8CACG;AAKzC,MAAMA,gBAAgB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACzE,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/CG,IAAAA,6DAA+B,EAACF;IAChC,OAAOG,IAAAA,iDAA4B,EAACH;AACtC;AACAL,cAAcS,WAAW,GAAG,iBAC5B,yCAAyC"}

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+ //# sourceMappingURL=TreeItemAside.types.js.map
+
+//# sourceMappingURL=TreeItemAside.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/TreeItemAside/TreeItemAside.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=TreeItemAside.types.js.map"],"names":[],"mappings":";;;;CACA,+CAA+C"}

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./TreeItemAside"), exports);
+_exportStar(require("./TreeItemAside.types"), exports);
+_exportStar(require("./renderTreeItemAside"), exports);
+_exportStar(require("./useTreeItemAside"), exports);
+_exportStar(require("./useTreeItemAsideStyles.styles"), exports);
+ //# sourceMappingURL=index.js.map
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/TreeItemAside/index.js"],"sourcesContent":["export * from './TreeItemAside';\nexport * from './TreeItemAside.types';\nexport * from './renderTreeItemAside';\nexport * from './useTreeItemAside';\nexport * from './useTreeItemAsideStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}

package/lib-commonjs/components/TreeItemAside/renderTreeItemAside.js

@@ -0,0 +1,22 @@
+/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderTreeItemAside_unstable", {
+    enumerable: true,
+    get: ()=>renderTreeItemAside_unstable
+});
+const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
+const _reactUtilities = require("@fluentui/react-utilities");
+const _reactButton = require("@fluentui/react-button");
+const renderTreeItemAside_unstable = (state)=>{
+    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
+    if (!state.visible) {
+        return null;
+    }
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_reactButton.ButtonContextProvider, {
+        value: state.buttonContextValue
+    }, slotProps.root.children));
+}; //# sourceMappingURL=renderTreeItemAside.js.map
+
+//# sourceMappingURL=renderTreeItemAside.js.map

package/lib-commonjs/components/TreeItemAside/renderTreeItemAside.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/TreeItemAside/renderTreeItemAside.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { ButtonContextProvider } from '@fluentui/react-button';\n/**\n * Render the final JSX of TreeItemAside\n */\nexport const renderTreeItemAside_unstable = state => {\n  const {\n    slots,\n    slotProps\n  } = getSlotsNext(state);\n  if (!state.visible) {\n    return null;\n  }\n  return /*#__PURE__*/createElement(slots.root, slotProps.root, /*#__PURE__*/createElement(ButtonContextProvider, {\n    value: state.buttonContextValue\n  }, slotProps.root.children));\n};\n//# sourceMappingURL=renderTreeItemAside.js.map"],"names":["renderTreeItemAside_unstable","state","slots","slotProps","getSlotsNext","visible","createElement","root","ButtonContextProvider","value","buttonContextValue","children"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAMrCA;;aAAAA;;iCANqE;gCACrD;6BACS;AAI/B,MAAMA,+BAA+BC,CAAAA,QAAS;IACnD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,4BAAY,EAACH;IACjB,IAAI,CAACA,MAAMI,OAAO,EAAE;QAClB,OAAO,IAAI;IACb,CAAC;IACD,OAAO,WAAW,GAAEC,IAAAA,8BAAa,EAACJ,MAAMK,IAAI,EAAEJ,UAAUI,IAAI,EAAE,WAAW,GAAED,IAAAA,8BAAa,EAACE,kCAAqB,EAAE;QAC9GC,OAAOR,MAAMS,kBAAkB;IACjC,GAAGP,UAAUI,IAAI,CAACI,QAAQ;AAC5B,GACA,+CAA+C"}

package/lib-commonjs/components/TreeItemAside/useTreeItemAside.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useTreeItemAside_unstable", {
+    enumerable: true,
+    get: ()=>useTreeItemAside_unstable
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const _treeItemContext = require("../../contexts/treeItemContext");
+const useTreeItemAside_unstable = (props, ref)=>{
+    const actionsRef = (0, _treeItemContext.useTreeItemContext_unstable)((ctx)=>ctx.actionsRef);
+    const contextVisible = (0, _treeItemContext.useTreeItemContext_unstable)((ctx)=>props.actions ? ctx.isActionsVisible : ctx.isAsideVisible);
+    const { actions =false , visible =contextVisible  } = props;
+    return {
+        actions,
+        visible,
+        buttonContextValue: {
+            size: 'small'
+        },
+        components: {
+            root: 'div'
+        },
+        root: (0, _reactUtilities.getNativeElementProps)('div', {
+            ref: (0, _reactUtilities.useMergedRefs)(ref, actions ? actionsRef : undefined),
+            ...props
+        })
+    };
+}; //# sourceMappingURL=useTreeItemAside.js.map
+
+//# sourceMappingURL=useTreeItemAside.js.map

package/lib-commonjs/components/TreeItemAside/useTreeItemAside.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/TreeItemAside/useTreeItemAside.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useMergedRefs } from '@fluentui/react-utilities';\nimport { useTreeItemContext_unstable } from '../../contexts/treeItemContext';\n/**\n * Create the state required to render TreeItemAside.\n *\n * The returned state can be modified with hooks such as useTreeItemAsideStyles_unstable,\n * before being passed to renderTreeItemAside_unstable.\n *\n * @param props - props from this instance of TreeItemAside\n * @param ref - reference to root HTMLElement of TreeItemAside\n */\nexport const useTreeItemAside_unstable = (props, ref) => {\n  const actionsRef = useTreeItemContext_unstable(ctx => ctx.actionsRef);\n  const contextVisible = useTreeItemContext_unstable(ctx => props.actions ? ctx.isActionsVisible : ctx.isAsideVisible);\n  const {\n    actions = false,\n    visible = contextVisible\n  } = props;\n  return {\n    actions,\n    visible,\n    buttonContextValue: {\n      size: 'small'\n    },\n    components: {\n      root: 'div'\n    },\n    root: getNativeElementProps('div', {\n      ref: useMergedRefs(ref, actions ? actionsRef : undefined),\n      ...props\n    })\n  };\n};\n//# sourceMappingURL=useTreeItemAside.js.map"],"names":["useTreeItemAside_unstable","props","ref","actionsRef","useTreeItemContext_unstable","ctx","contextVisible","actions","isActionsVisible","isAsideVisible","visible","buttonContextValue","size","components","root","getNativeElementProps","useMergedRefs","undefined"],"mappings":";;;;+BAYaA;;aAAAA;;;6DAZU;gCAC8B;iCACT;AAUrC,MAAMA,4BAA4B,CAACC,OAAOC,MAAQ;IACvD,MAAMC,aAAaC,IAAAA,4CAA2B,EAACC,CAAAA,MAAOA,IAAIF,UAAU;IACpE,MAAMG,iBAAiBF,IAAAA,4CAA2B,EAACC,CAAAA,MAAOJ,MAAMM,OAAO,GAAGF,IAAIG,gBAAgB,GAAGH,IAAII,cAAc;IACnH,MAAM,EACJF,SAAU,KAAK,CAAA,EACfG,SAAUJ,eAAc,EACzB,GAAGL;IACJ,OAAO;QACLM;QACAG;QACAC,oBAAoB;YAClBC,MAAM;QACR;QACAC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YACjCb,KAAKc,IAAAA,6BAAa,EAACd,KAAKK,UAAUJ,aAAac,SAAS;YACxD,GAAGhB,KAAK;QACV;IACF;AACF,GACA,4CAA4C"}

package/lib-commonjs/components/TreeItemAside/useTreeItemAsideStyles.styles.js

@@ -0,0 +1,92 @@
+"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, {
+    treeItemAsideClassNames: ()=>treeItemAsideClassNames,
+    useTreeItemAsideStyles_unstable: ()=>useTreeItemAsideStyles_unstable
+});
+const _react = require("@griffel/react");
+const treeItemAsideClassNames = {
+    root: 'fui-TreeItemAside'
+};
+/**
+ * Styles for the action icon slot
+ */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        mc9l5x: "f22iagw",
+        Frg6f3: [
+            "fcgxt0o",
+            "f1ujusj6"
+        ],
+        Ijaq50: "fobksn0",
+        Br312pm: "fmy5l6f",
+        nk6f5a: "fzqypwc",
+        Bw0ie65: "f1tmftl3"
+    },
+    actions: {
+        qhf8xq: "f10pi13n",
+        Bj3rh1h: "f19g0ac",
+        z8tnut: "f1g0x7ka",
+        z189sj: [
+            "f1vdfbxk",
+            "f1f5gg8d"
+        ],
+        Byoj8tv: "f1qch9an",
+        uwmqm3: [
+            "f1f5gg8d",
+            "f1vdfbxk"
+        ]
+    },
+    aside: {
+        Bt984gj: "f122n59",
+        Bj3rh1h: "f11zp4z2",
+        z8tnut: "f1g0x7ka",
+        z189sj: [
+            "fw5db7e",
+            "f1uw59to"
+        ],
+        Byoj8tv: "f1qch9an",
+        uwmqm3: [
+            "f1uw59to",
+            "fw5db7e"
+        ],
+        i8kkvl: "f1ufnopg",
+        Belr9w4: "f14sijuj"
+    }
+}, {
+    d: [
+        ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
+        ".fcgxt0o{margin-left:auto;}",
+        ".f1ujusj6{margin-right:auto;}",
+        ".fobksn0{grid-row-start:aside;}",
+        ".fmy5l6f{grid-column-start:aside;}",
+        ".fzqypwc{grid-row-end:aside;}",
+        ".f1tmftl3{grid-column-end:aside;}",
+        ".f10pi13n{position:relative;}",
+        ".f19g0ac{z-index:1;}",
+        ".f1g0x7ka{padding-top:0;}",
+        ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}",
+        ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}",
+        ".f1qch9an{padding-bottom:0;}",
+        ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
+        ".f11zp4z2{z-index:0;}",
+        ".fw5db7e{padding-right:var(--spacingHorizontalM);}",
+        ".f1uw59to{padding-left:var(--spacingHorizontalM);}",
+        ".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}",
+        ".f14sijuj{row-gap:var(--spacingHorizontalXS);}"
+    ]
+});
+const useTreeItemAsideStyles_unstable = (state)=>{
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(treeItemAsideClassNames.root, styles.base, state.actions ? styles.actions : styles.aside, state.root.className);
+    return state;
+}; //# sourceMappingURL=useTreeItemAsideStyles.styles.js.map
+
+//# sourceMappingURL=useTreeItemAsideStyles.styles.js.map

package/lib-commonjs/components/TreeItemAside/useTreeItemAsideStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/TreeItemAside/useTreeItemAsideStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const treeItemAsideClassNames = {\n  root: 'fui-TreeItemAside'\n};\n/**\n * Styles for the action icon slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\n    Ijaq50: \"fobksn0\",\n    Br312pm: \"fmy5l6f\",\n    nk6f5a: \"fzqypwc\",\n    Bw0ie65: \"f1tmftl3\"\n  },\n  actions: {\n    qhf8xq: \"f10pi13n\",\n    Bj3rh1h: \"f19g0ac\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n  },\n  aside: {\n    Bt984gj: \"f122n59\",\n    Bj3rh1h: \"f11zp4z2\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fw5db7e\", \"f1uw59to\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1uw59to\", \"fw5db7e\"],\n    i8kkvl: \"f1ufnopg\",\n    Belr9w4: \"f14sijuj\"\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".fcgxt0o{margin-left:auto;}\", \".f1ujusj6{margin-right:auto;}\", \".fobksn0{grid-row-start:aside;}\", \".fmy5l6f{grid-column-start:aside;}\", \".fzqypwc{grid-row-end:aside;}\", \".f1tmftl3{grid-column-end:aside;}\", \".f10pi13n{position:relative;}\", \".f19g0ac{z-index:1;}\", \".f1g0x7ka{padding-top:0;}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1qch9an{padding-bottom:0;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f11zp4z2{z-index:0;}\", \".fw5db7e{padding-right:var(--spacingHorizontalM);}\", \".f1uw59to{padding-left:var(--spacingHorizontalM);}\", \".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}\", \".f14sijuj{row-gap:var(--spacingHorizontalXS);}\"]\n});\n/**\n * Apply styling to the TreeItemAside slots based on the state\n */\nexport const useTreeItemAsideStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(treeItemAsideClassNames.root, styles.base, state.actions ? styles.actions : styles.aside, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTreeItemAsideStyles.styles.js.map"],"names":["treeItemAsideClassNames","useTreeItemAsideStyles_unstable","root","useStyles","__styles","base","mc9l5x","Frg6f3","Ijaq50","Br312pm","nk6f5a","Bw0ie65","actions","qhf8xq","Bj3rh1h","z8tnut","z189sj","Byoj8tv","uwmqm3","aside","Bt984gj","i8kkvl","Belr9w4","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,uBAAuB,MAAvBA;IAuCAC,+BAA+B,MAA/BA;;uBAzCsC;AAE5C,MAAMD,0BAA0B;IACrCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCC,MAAM;QACJC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;IACX;IACAC,SAAS;QACPC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAC,OAAO;QACLC,SAAS;QACTN,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BG,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAwF;QAA+B;QAAiC;QAAmC;QAAsC;QAAiC;QAAqC;QAAiC;QAAwB;QAA6B;QAAuD;QAAsD;QAAgC;QAA2G;QAAyB;QAAsD;QAAsD;QAAmG;KAAiD;AACp5B;AAIO,MAAMtB,kCAAkCuB,CAAAA,QAAS;IACtD,MAAMC,SAAStB;IACfqB,MAAMtB,IAAI,CAACwB,SAAS,GAAGC,IAAAA,mBAAY,EAAC3B,wBAAwBE,IAAI,EAAEuB,OAAOpB,IAAI,EAAEmB,MAAMZ,OAAO,GAAGa,OAAOb,OAAO,GAAGa,OAAON,KAAK,EAAEK,MAAMtB,IAAI,CAACwB,SAAS;IAClJ,OAAOF;AACT,GACA,yDAAyD"}

package/lib-commonjs/components/TreeItemChevron.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TreeItemChevron", {
+    enumerable: true,
+    get: ()=>TreeItemChevron
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const _reactIcons = require("@fluentui/react-icons");
+const _treeItemContext = require("../contexts/treeItemContext");
+const TreeItemChevron = /*#__PURE__*/ _react.memo(()=>{
+    const open = (0, _treeItemContext.useTreeItemContext_unstable)((ctx)=>ctx.open);
+    const { dir  } = (0, _reactSharedContexts.useFluent_unstable)();
+    const expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;
+    return /*#__PURE__*/ _react.createElement(_reactIcons.ChevronRight12Regular, {
+        style: expandIconInlineStyles[expandIconRotation]
+    });
+});
+TreeItemChevron.displayName = 'TreeItemChevron';
+const expandIconInlineStyles = {
+    90: {
+        transform: `rotate(90deg)`
+    },
+    0: {
+        transform: `rotate(0deg)`
+    },
+    180: {
+        transform: `rotate(180deg)`
+    }
+}; //# sourceMappingURL=TreeItemChevron.js.map
+
+//# sourceMappingURL=TreeItemChevron.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../lib/components/TreeItemChevron.js"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { ChevronRight12Regular } from '@fluentui/react-icons';\nimport { useTreeItemContext_unstable } from '../contexts/treeItemContext';\nexport const TreeItemChevron = /*#__PURE__*/React.memo(() => {\n  const open = useTreeItemContext_unstable(ctx => ctx.open);\n  const {\n    dir\n  } = useFluent_unstable();\n  const expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;\n  return /*#__PURE__*/React.createElement(ChevronRight12Regular, {\n    style: expandIconInlineStyles[expandIconRotation]\n  });\n});\nTreeItemChevron.displayName = 'TreeItemChevron';\nconst expandIconInlineStyles = {\n  90: {\n    transform: `rotate(90deg)`\n  },\n  0: {\n    transform: `rotate(0deg)`\n  },\n  180: {\n    transform: `rotate(180deg)`\n  }\n};\n//# sourceMappingURL=TreeItemChevron.js.map"],"names":["TreeItemChevron","React","memo","open","useTreeItemContext_unstable","ctx","dir","useFluent_unstable","expandIconRotation","createElement","ChevronRight12Regular","style","expandIconInlineStyles","displayName","transform"],"mappings":";;;;+BAIaA;;aAAAA;;;6DAJU;qCACY;4BACG;iCACM;AACrC,MAAMA,kBAAkB,WAAW,GAAEC,OAAMC,IAAI,CAAC,IAAM;IAC3D,MAAMC,OAAOC,IAAAA,4CAA2B,EAACC,CAAAA,MAAOA,IAAIF,IAAI;IACxD,MAAM,EACJG,IAAG,EACJ,GAAGC,IAAAA,uCAAkB;IACtB,MAAMC,qBAAqBL,OAAO,KAAKG,QAAQ,QAAQ,IAAI,GAAG;IAC9D,OAAO,WAAW,GAAEL,OAAMQ,aAAa,CAACC,iCAAqB,EAAE;QAC7DC,OAAOC,sBAAsB,CAACJ,mBAAmB;IACnD;AACF;AACAR,gBAAgBa,WAAW,GAAG;AAC9B,MAAMD,yBAAyB;IAC7B,IAAI;QACFE,WAAW,CAAC,aAAa,CAAC;IAC5B;IACA,GAAG;QACDA,WAAW,CAAC,YAAY,CAAC;IAC3B;IACA,KAAK;QACHA,WAAW,CAAC,cAAc,CAAC;IAC7B;AACF,GACA,2CAA2C"}

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

@@ -10,10 +10,10 @@ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildc
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _useTreeItemLayout = require("./useTreeItemLayout");
 const _renderTreeItemLayout = require("./renderTreeItemLayout");
-const _useTreeItemLayoutStyles = require("./useTreeItemLayoutStyles");
+const _useTreeItemLayoutStylesStyles = require("./useTreeItemLayoutStyles.styles");
 const TreeItemLayout = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useTreeItemLayout.useTreeItemLayout_unstable)(props, ref);
-    (0, _useTreeItemLayoutStyles.useTreeItemLayoutStyles_unstable)(state);
+    (0, _useTreeItemLayoutStylesStyles.useTreeItemLayoutStyles_unstable)(state);
     return (0, _renderTreeItemLayout.renderTreeItemLayout_unstable)(state);
 });
 TreeItemLayout.displayName = 'TreeItemLayout'; //# sourceMappingURL=TreeItemLayout.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/TreeItemLayout/TreeItemLayout.js"],"sourcesContent":["import * as React from 'react';\nimport { useTreeItemLayout_unstable } from './useTreeItemLayout';\nimport { renderTreeItemLayout_unstable } from './renderTreeItemLayout';\nimport { useTreeItemLayoutStyles_unstable } from './useTreeItemLayoutStyles';\n/**\n * The `TreeItemLayout` component is used as a child of `TreeItem` to define the content and layout of a tree item.\n * It provides a consistent visual structure for tree items in a `Tree` component.\n * This component should only be used as a direct child of `TreeItem`.\n */\nexport const TreeItemLayout = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useTreeItemLayout_unstable(props, ref);\n  useTreeItemLayoutStyles_unstable(state);\n  return renderTreeItemLayout_unstable(state);\n});\nTreeItemLayout.displayName = 'TreeItemLayout';\n//# sourceMappingURL=TreeItemLayout.js.map"],"names":["TreeItemLayout","React","forwardRef","props","ref","state","useTreeItemLayout_unstable","useTreeItemLayoutStyles_unstable","renderTreeItemLayout_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;mCACoB;sCACG;yCACG;AAM1C,MAAMA,iBAAiB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC1E,MAAMC,QAAQC,IAAAA,6CAA0B,EAACH,OAAOC;IAChDG,IAAAA,yDAAgC,EAACF;IACjC,OAAOG,IAAAA,mDAA6B,EAACH;AACvC;AACAL,eAAeS,WAAW,GAAG,kBAC7B,0CAA0C"}
+{"version":3,"sources":["../../../lib/components/TreeItemLayout/TreeItemLayout.js"],"sourcesContent":["import * as React from 'react';\nimport { useTreeItemLayout_unstable } from './useTreeItemLayout';\nimport { renderTreeItemLayout_unstable } from './renderTreeItemLayout';\nimport { useTreeItemLayoutStyles_unstable } from './useTreeItemLayoutStyles.styles';\n/**\n * The `TreeItemLayout` component is used as a child of `TreeItem` to define the content and layout of a tree item.\n * It provides a consistent visual structure for tree items in a `Tree` component.\n * This component should only be used as a direct child of `TreeItem`.\n */\nexport const TreeItemLayout = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useTreeItemLayout_unstable(props, ref);\n  useTreeItemLayoutStyles_unstable(state);\n  return renderTreeItemLayout_unstable(state);\n});\nTreeItemLayout.displayName = 'TreeItemLayout';\n//# sourceMappingURL=TreeItemLayout.js.map"],"names":["TreeItemLayout","React","forwardRef","props","ref","state","useTreeItemLayout_unstable","useTreeItemLayoutStyles_unstable","renderTreeItemLayout_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;mCACoB;sCACG;+CACG;AAM1C,MAAMA,iBAAiB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC1E,MAAMC,QAAQC,IAAAA,6CAA0B,EAACH,OAAOC;IAChDG,IAAAA,+DAAgC,EAACF;IACjC,OAAOG,IAAAA,mDAA6B,EAACH;AACvC;AACAL,eAAeS,WAAW,GAAG,kBAC7B,0CAA0C"}

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

@@ -7,7 +7,7 @@ _exportStar(require("./TreeItemLayout"), exports);
 _exportStar(require("./TreeItemLayout.types"), exports);
 _exportStar(require("./renderTreeItemLayout"), exports);
 _exportStar(require("./useTreeItemLayout"), exports);
-_exportStar(require("./useTreeItemLayoutStyles"), exports);
+_exportStar(require("./useTreeItemLayoutStyles.styles"), exports);
  //# sourceMappingURL=index.js.map
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/TreeItemLayout/index.js"],"sourcesContent":["export * from './TreeItemLayout';\nexport * from './TreeItemLayout.types';\nexport * from './renderTreeItemLayout';\nexport * from './useTreeItemLayout';\nexport * from './useTreeItemLayoutStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
+{"version":3,"sources":["../../../lib/components/TreeItemLayout/index.js"],"sourcesContent":["export * from './TreeItemLayout';\nexport * from './TreeItemLayout.types';\nexport * from './renderTreeItemLayout';\nexport * from './useTreeItemLayout';\nexport * from './useTreeItemLayoutStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}

package/lib-commonjs/components/TreeItemLayout/renderTreeItemLayout.js

@@ -9,9 +9,8 @@ Object.defineProperty(exports, "renderTreeItemLayout_unstable", {
 const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
 const _reactUtilities = require("@fluentui/react-utilities");
 const renderTreeItemLayout_unstable = (state)=>{
-    const { isActionsVisible  } = state;
     const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, slots.iconBefore && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.iconBefore, slotProps.iconBefore), slotProps.root.children, slots.iconAfter && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.iconAfter, slotProps.iconAfter), !isActionsVisible && slots.aside && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.aside, slotProps.aside));
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, slots.expandIcon && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.expandIcon, slotProps.expandIcon), slots.iconBefore && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.iconBefore, slotProps.iconBefore), slotProps.root.children, slots.iconAfter && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.iconAfter, slotProps.iconAfter));
 }; //# sourceMappingURL=renderTreeItemLayout.js.map
 
 //# sourceMappingURL=renderTreeItemLayout.js.map

package/lib-commonjs/components/TreeItemLayout/renderTreeItemLayout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/TreeItemLayout/renderTreeItemLayout.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TreeItemLayout\n */\nexport const renderTreeItemLayout_unstable = state => {\n  const {\n    isActionsVisible\n  } = state;\n  const {\n    slots,\n    slotProps\n  } = getSlotsNext(state);\n  return /*#__PURE__*/createElement(slots.root, slotProps.root, slots.iconBefore && /*#__PURE__*/createElement(slots.iconBefore, slotProps.iconBefore), slotProps.root.children, slots.iconAfter && /*#__PURE__*/createElement(slots.iconAfter, slotProps.iconAfter), !isActionsVisible && slots.aside && /*#__PURE__*/createElement(slots.aside, slotProps.aside));\n};\n//# sourceMappingURL=renderTreeItemLayout.js.map"],"names":["renderTreeItemLayout_unstable","state","isActionsVisible","slots","slotProps","getSlotsNext","createElement","root","iconBefore","children","iconAfter","aside"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKrCA;;aAAAA;;iCALqE;gCACrD;AAItB,MAAMA,gCAAgCC,CAAAA,QAAS;IACpD,MAAM,EACJC,iBAAgB,EACjB,GAAGD;IACJ,MAAM,EACJE,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,4BAAY,EAACJ;IACjB,OAAO,WAAW,GAAEK,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAEJ,MAAMK,UAAU,IAAI,WAAW,GAAEF,IAAAA,8BAAa,EAACH,MAAMK,UAAU,EAAEJ,UAAUI,UAAU,GAAGJ,UAAUG,IAAI,CAACE,QAAQ,EAAEN,MAAMO,SAAS,IAAI,WAAW,GAAEJ,IAAAA,8BAAa,EAACH,MAAMO,SAAS,EAAEN,UAAUM,SAAS,GAAG,CAACR,oBAAoBC,MAAMQ,KAAK,IAAI,WAAW,GAAEL,IAAAA,8BAAa,EAACH,MAAMQ,KAAK,EAAEP,UAAUO,KAAK;AACjW,GACA,gDAAgD"}
+{"version":3,"sources":["../../../lib/components/TreeItemLayout/renderTreeItemLayout.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TreeItemLayout\n */\nexport const renderTreeItemLayout_unstable = state => {\n  const {\n    slots,\n    slotProps\n  } = getSlotsNext(state);\n  return /*#__PURE__*/createElement(slots.root, slotProps.root, slots.expandIcon && /*#__PURE__*/createElement(slots.expandIcon, slotProps.expandIcon), slots.iconBefore && /*#__PURE__*/createElement(slots.iconBefore, slotProps.iconBefore), slotProps.root.children, slots.iconAfter && /*#__PURE__*/createElement(slots.iconAfter, slotProps.iconAfter));\n};\n//# sourceMappingURL=renderTreeItemLayout.js.map"],"names":["renderTreeItemLayout_unstable","state","slots","slotProps","getSlotsNext","createElement","root","expandIcon","iconBefore","children","iconAfter"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKrCA;;aAAAA;;iCALqE;gCACrD;AAItB,MAAMA,gCAAgCC,CAAAA,QAAS;IACpD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,4BAAY,EAACH;IACjB,OAAO,WAAW,GAAEI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAEJ,MAAMK,UAAU,IAAI,WAAW,GAAEF,IAAAA,8BAAa,EAACH,MAAMK,UAAU,EAAEJ,UAAUI,UAAU,GAAGL,MAAMM,UAAU,IAAI,WAAW,GAAEH,IAAAA,8BAAa,EAACH,MAAMM,UAAU,EAAEL,UAAUK,UAAU,GAAGL,UAAUG,IAAI,CAACG,QAAQ,EAAEP,MAAMQ,SAAS,IAAI,WAAW,GAAEL,IAAAA,8BAAa,EAACH,MAAMQ,SAAS,EAAEP,UAAUO,SAAS;AAC3V,GACA,gDAAgD"}

package/lib-commonjs/components/TreeItemLayout/useTreeItemLayout.js

@@ -10,20 +10,22 @@ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildc
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _reactUtilities = require("@fluentui/react-utilities");
 const _treeItemContext = require("../../contexts/treeItemContext");
+const _treeItemChevron = require("../TreeItemChevron");
 const useTreeItemLayout_unstable = (props, ref)=>{
-    const { iconAfter , iconBefore , aside , as ='span'  } = props;
-    const treeItemContext = (0, _treeItemContext.useTreeItemContext_unstable)();
+    const { iconAfter , iconBefore , expandIcon , as ='span'  } = props;
+    const layoutRef = (0, _treeItemContext.useTreeItemContext_unstable)((ctx)=>ctx.layoutRef);
+    const expandIconRef = (0, _treeItemContext.useTreeItemContext_unstable)((ctx)=>ctx.expandIconRef);
+    const isBranch = (0, _treeItemContext.useTreeItemContext_unstable)((ctx)=>ctx.itemType === 'branch');
     return {
-        ...treeItemContext,
         components: {
-            root: 'span',
-            iconBefore: 'span',
-            iconAfter: 'span',
-            aside: 'span'
+            root: 'div',
+            expandIcon: 'div',
+            iconBefore: 'div',
+            iconAfter: 'div'
         },
         root: (0, _reactUtilities.getNativeElementProps)(as, {
             ...props,
-            ref
+            ref: (0, _reactUtilities.useMergedRefs)(ref, layoutRef)
         }),
         iconBefore: (0, _reactUtilities.resolveShorthand)(iconBefore, {
             defaultProps: {
@@ -35,9 +37,12 @@ const useTreeItemLayout_unstable = (props, ref)=>{
                 'aria-hidden': true
             }
         }),
-        aside: (0, _reactUtilities.resolveShorthand)(aside, {
+        expandIcon: (0, _reactUtilities.resolveShorthand)(expandIcon, {
+            required: isBranch,
             defaultProps: {
-                'aria-hidden': true
+                children: /*#__PURE__*/ _react.createElement(_treeItemChevron.TreeItemChevron, null),
+                'aria-hidden': true,
+                ref: (0, _reactUtilities.useMergedRefs)((0, _reactUtilities.isResolvedShorthand)(expandIcon) ? expandIcon.ref : undefined, expandIconRef)
             }
         })
     };