@fluentui/react-list 0.0.0-nightly-20250107-0406.1

package/lib/utils/validateGridCellsArePresent.js

@@ -0,0 +1,16 @@
+/**
+ * Validates that grid cells are present in a grid list item. This is necessary for proper screen reader support.
+ * If grid cells are not present and we're not running in production mode, a warning will be logged to the console.
+ * @param listRole - The role of the list
+ * @param listItemEl - The list item element
+ * @returns
+ */ export const validateGridCellsArePresent = (listRole, listItemEl)=>{
+    if (listRole !== 'grid') {
+        return;
+    }
+    const gridCells = listItemEl.querySelectorAll(':scope > [role="gridcell"]');
+    if (gridCells.length === 0) {
+        //eslint-disable-next-line no-console
+        console.warn(`@fluentui/react-list [useList]:\nList items in List with "grid" role (which is automatically assigned when navigationMode is set to "composite") must contain at least one "gridcell" as direct child of <ListItem /> for proper screen reader support.`, `Ideally, each focus target should be in it's own "gridcell", which is a direct child of <ListItem />.\n`);
+    }
+};

package/lib/utils/validateGridCellsArePresent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/validateGridCellsArePresent.ts"],"sourcesContent":["/**\n * Validates that grid cells are present in a grid list item. This is necessary for proper screen reader support.\n * If grid cells are not present and we're not running in production mode, a warning will be logged to the console.\n * @param listRole - The role of the list\n * @param listItemEl - The list item element\n * @returns\n */\nexport const validateGridCellsArePresent = (listRole: string, listItemEl: HTMLElement) => {\n  if (listRole !== 'grid') {\n    return;\n  }\n\n  const gridCells = listItemEl.querySelectorAll(':scope > [role=\"gridcell\"]');\n  if (gridCells.length === 0) {\n    //eslint-disable-next-line no-console\n    console.warn(\n      `@fluentui/react-list [useList]:\\nList items in List with \"grid\" role (which is automatically assigned when navigationMode is set to \"composite\") must contain at least one \"gridcell\" as direct child of <ListItem /> for proper screen reader support.`,\n      `Ideally, each focus target should be in it's own \"gridcell\", which is a direct child of <ListItem />.\\n`,\n    );\n  }\n};\n"],"names":["validateGridCellsArePresent","listRole","listItemEl","gridCells","querySelectorAll","length","console","warn"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":"AAAA;;;;;;CAMC,GACD,OAAO,MAAMA,8BAA8B,CAACC,UAAkBC;IAC5D,IAAID,aAAa,QAAQ;QACvB;IACF;IAEA,MAAME,YAAYD,WAAWE,gBAAgB,CAAC;IAC9C,IAAID,UAAUE,MAAM,KAAK,GAAG;QAC1B,qCAAqC;QACrCC,QAAQC,IAAI,CACV,CAAC,uPAAuP,CAAC,EACzP,CAAC,uGAAuG,CAAC;IAE7G;AACF,EAAE"}

package/lib/utils/validateProperElementTypes.js

@@ -0,0 +1,12 @@
+/**
+ * Validates that the List and ListItem elements are compatible
+ * @param listRenderedAs - the type of the parent element
+ * @param listItemRenderedAs - the type of the child element
+ */ export function validateProperElementTypes(listRenderedAs, listItemRenderedAs) {
+    if (listItemRenderedAs === 'div' && listRenderedAs !== 'div') {
+        throw new Error('ListItem cannot be rendered as a div when its parent is not a div.');
+    }
+    if (listItemRenderedAs === 'li' && listRenderedAs === 'div') {
+        throw new Error('ListItem cannot be rendered as a li when its parent is a div.');
+    }
+}

package/lib/utils/validateProperElementTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/validateProperElementTypes.ts"],"sourcesContent":["/**\n * Validates that the List and ListItem elements are compatible\n * @param listRenderedAs - the type of the parent element\n * @param listItemRenderedAs - the type of the child element\n */\nexport function validateProperElementTypes(listRenderedAs?: string, listItemRenderedAs?: string) {\n  if (listItemRenderedAs === 'div' && listRenderedAs !== 'div') {\n    throw new Error('ListItem cannot be rendered as a div when its parent is not a div.');\n  }\n  if (listItemRenderedAs === 'li' && listRenderedAs === 'div') {\n    throw new Error('ListItem cannot be rendered as a li when its parent is a div.');\n  }\n}\n"],"names":["validateProperElementTypes","listRenderedAs","listItemRenderedAs","Error"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA;;;;CAIC,GACD,OAAO,SAASA,2BAA2BC,cAAuB,EAAEC,kBAA2B;IAC7F,IAAIA,uBAAuB,SAASD,mBAAmB,OAAO;QAC5D,MAAM,IAAIE,MAAM;IAClB;IACA,IAAID,uBAAuB,QAAQD,mBAAmB,OAAO;QAC3D,MAAM,IAAIE,MAAM;IAClB;AACF"}

package/lib/utils/validateProperRolesAreUsed.js

@@ -0,0 +1,36 @@
+/**
+ * Validate that the proper roles are used for the given combination of roles and states.
+ * If the roles are invalid and we're not running in production mode, an warning will be logged to the console.
+ *
+ * @param role - the role of the list
+ * @param listItemRole - the role of the list item
+ * @param hasSelection - whether the list has selection enabled
+ * @param hasFocusableChildren - whether the list has focusable children
+ * @returns
+ */ export const validateProperRolesAreUsed = (role, listItemRole, hasSelection, hasFocusableChildren)=>{
+    // Explode when the pair of roles is invalid
+    if (role === 'list' && listItemRole !== 'listitem') {
+        throw new Error('When the List role is "list", ListItem role must be "listitem".');
+    }
+    if (role === 'listbox' && listItemRole !== 'option') {
+        throw new Error('When the List role is "listbox", ListItem role must be "option".');
+    }
+    if (role === 'grid' && listItemRole !== 'row') {
+        throw new Error('When the List role is "grid", ListItem role must be "row".');
+    }
+    const expectedRole = (()=>{
+        if (hasFocusableChildren) {
+            return 'grid';
+        } else {
+            if (hasSelection) {
+                return 'listbox';
+            } else {
+                return 'list';
+            }
+        }
+    })();
+    if (role !== expectedRole) {
+        /* eslint-disable-next-line no-console */ console.warn(`@fluentui/react-list [useList]:\nThe role "${role}" does not match the expected role "${expectedRole}".\nPlease use the "navigationMode" property for automatic role assignment and keyboard navigation.\nIf you are using this role intentionally, make sure to verify screen reader support.
+    `);
+    }
+};

package/lib/utils/validateProperRolesAreUsed.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/validateProperRolesAreUsed.ts"],"sourcesContent":["/**\n * Validate that the proper roles are used for the given combination of roles and states.\n * If the roles are invalid and we're not running in production mode, an warning will be logged to the console.\n *\n * @param role - the role of the list\n * @param listItemRole - the role of the list item\n * @param hasSelection - whether the list has selection enabled\n * @param hasFocusableChildren - whether the list has focusable children\n * @returns\n */\nexport const validateProperRolesAreUsed = (\n  role: string,\n  listItemRole: string,\n  hasSelection: boolean,\n  hasFocusableChildren: boolean,\n) => {\n  // Explode when the pair of roles is invalid\n  if (role === 'list' && listItemRole !== 'listitem') {\n    throw new Error('When the List role is \"list\", ListItem role must be \"listitem\".');\n  }\n  if (role === 'listbox' && listItemRole !== 'option') {\n    throw new Error('When the List role is \"listbox\", ListItem role must be \"option\".');\n  }\n  if (role === 'grid' && listItemRole !== 'row') {\n    throw new Error('When the List role is \"grid\", ListItem role must be \"row\".');\n  }\n\n  const expectedRole = (() => {\n    if (hasFocusableChildren) {\n      return 'grid';\n    } else {\n      if (hasSelection) {\n        return 'listbox';\n      } else {\n        return 'list';\n      }\n    }\n  })();\n\n  if (role !== expectedRole) {\n    /* eslint-disable-next-line no-console */\n    console.warn(`@fluentui/react-list [useList]:\\nThe role \"${role}\" does not match the expected role \"${expectedRole}\".\\nPlease use the \"navigationMode\" property for automatic role assignment and keyboard navigation.\\nIf you are using this role intentionally, make sure to verify screen reader support.\n    `);\n  }\n};\n"],"names":["validateProperRolesAreUsed","role","listItemRole","hasSelection","hasFocusableChildren","Error","expectedRole","console","warn"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;;;;;;;CASC,GACD,OAAO,MAAMA,6BAA6B,CACxCC,MACAC,cACAC,cACAC;IAEA,4CAA4C;IAC5C,IAAIH,SAAS,UAAUC,iBAAiB,YAAY;QAClD,MAAM,IAAIG,MAAM;IAClB;IACA,IAAIJ,SAAS,aAAaC,iBAAiB,UAAU;QACnD,MAAM,IAAIG,MAAM;IAClB;IACA,IAAIJ,SAAS,UAAUC,iBAAiB,OAAO;QAC7C,MAAM,IAAIG,MAAM;IAClB;IAEA,MAAMC,eAAe,AAAC,CAAA;QACpB,IAAIF,sBAAsB;YACxB,OAAO;QACT,OAAO;YACL,IAAID,cAAc;gBAChB,OAAO;YACT,OAAO;gBACL,OAAO;YACT;QACF;IACF,CAAA;IAEA,IAAIF,SAASK,cAAc;QACzB,uCAAuC,GACvCC,QAAQC,IAAI,CAAC,CAAC,2CAA2C,EAAEP,KAAK,oCAAoC,EAAEK,aAAa;IACnH,CAAC;IACH;AACF,EAAE"}

package/lib-commonjs/List.js

@@ -0,0 +1,28 @@
+"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, {
+    List: function() {
+        return _index.List;
+    },
+    listClassNames: function() {
+        return _index.listClassNames;
+    },
+    renderList_unstable: function() {
+        return _index.renderList_unstable;
+    },
+    useListStyles_unstable: function() {
+        return _index.useListStyles_unstable;
+    },
+    useList_unstable: function() {
+        return _index.useList_unstable;
+    }
+});
+const _index = require("./components/List/index");

package/lib-commonjs/List.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/List.ts"],"sourcesContent":["export type {\n  ListContextValue,\n  ListContextValues,\n  ListNavigationMode,\n  ListProps,\n  ListSlots,\n  ListState,\n  OnListSelectionChangeData,\n} from './components/List/index';\nexport {\n  List,\n  listClassNames,\n  renderList_unstable,\n  useListStyles_unstable,\n  useList_unstable,\n} from './components/List/index';\n"],"names":["List","listClassNames","renderList_unstable","useListStyles_unstable","useList_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAUEA,IAAI;eAAJA,WAAI;;IACJC,cAAc;eAAdA,qBAAc;;IACdC,mBAAmB;eAAnBA,0BAAmB;;IACnBC,sBAAsB;eAAtBA,6BAAsB;;IACtBC,gBAAgB;eAAhBA,uBAAgB;;;uBACX"}

package/lib-commonjs/ListItem.js

@@ -0,0 +1,28 @@
+"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, {
+    ListItem: function() {
+        return _index.ListItem;
+    },
+    listItemClassNames: function() {
+        return _index.listItemClassNames;
+    },
+    renderListItem_unstable: function() {
+        return _index.renderListItem_unstable;
+    },
+    useListItemStyles_unstable: function() {
+        return _index.useListItemStyles_unstable;
+    },
+    useListItem_unstable: function() {
+        return _index.useListItem_unstable;
+    }
+});
+const _index = require("./components/ListItem/index");

package/lib-commonjs/ListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ListItem.ts"],"sourcesContent":["export type {\n  ListItemActionEventData,\n  ListItemProps,\n  ListItemSlots,\n  ListItemState,\n  ListItemValue,\n} from './components/ListItem/index';\nexport {\n  ListItem,\n  listItemClassNames,\n  renderListItem_unstable,\n  useListItemStyles_unstable,\n  useListItem_unstable,\n} from './components/ListItem/index';\n"],"names":["ListItem","listItemClassNames","renderListItem_unstable","useListItemStyles_unstable","useListItem_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAQEA,QAAQ;eAARA,eAAQ;;IACRC,kBAAkB;eAAlBA,yBAAkB;;IAClBC,uBAAuB;eAAvBA,8BAAuB;;IACvBC,0BAA0B;eAA1BA,iCAA0B;;IAC1BC,oBAAoB;eAApBA,2BAAoB;;;uBACf"}

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "List", {
+    enumerable: true,
+    get: function() {
+        return List;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const _useList = require("./useList");
+const _renderList = require("./renderList");
+const _useListStylesstyles = require("./useListStyles.styles");
+const _useListContextValues = require("./useListContextValues");
+const List = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useList.useList_unstable)(props, ref);
+    const contextValues = (0, _useListContextValues.useListContextValues_unstable)(state);
+    (0, _useListStylesstyles.useListStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useListStyles_unstable')(state);
+    return (0, _renderList.renderList_unstable)(state, contextValues);
+});
+List.displayName = 'List';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/List/List.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useList_unstable } from './useList';\nimport { renderList_unstable } from './renderList';\nimport { useListStyles_unstable } from './useListStyles.styles';\nimport type { ListProps } from './List.types';\nimport { useListContextValues_unstable } from './useListContextValues';\n\nexport const List: ForwardRefComponent<ListProps> = React.forwardRef((props, ref) => {\n  const state = useList_unstable(props, ref);\n  const contextValues = useListContextValues_unstable(state);\n\n  useListStyles_unstable(state);\n  useCustomStyleHook_unstable('useListStyles_unstable')(state);\n\n  return renderList_unstable(state, contextValues);\n});\n\nList.displayName = 'List';\n"],"names":["List","React","forwardRef","props","ref","state","useList_unstable","contextValues","useListContextValues_unstable","useListStyles_unstable","useCustomStyleHook_unstable","renderList_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;qCAEqB;yBACX;4BACG;qCACG;sCAEO;AAEvC,MAAMA,OAAAA,WAAAA,GAAuCC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC3E,MAAMC,QAAQC,IAAAA,yBAAAA,EAAiBH,OAAOC;IACtC,MAAMG,gBAAgBC,IAAAA,mDAAAA,EAA8BH;IAEpDI,IAAAA,2CAAAA,EAAuBJ;IACvBK,IAAAA,gDAAAA,EAA4B,0BAA0BL;IAEtD,OAAOM,IAAAA,+BAAAA,EAAoBN,OAAOE;AACpC;AAEAP,KAAKY,WAAW,GAAG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/List/List.types.ts"],"sourcesContent":["import * as React from 'react';\n\nimport type {\n  ComponentProps,\n  ComponentState,\n  Slot,\n  SelectionMode,\n  SelectionItemId,\n  EventHandler,\n  EventData,\n} from '@fluentui/react-utilities';\nimport type { ListSelectionState } from '../../hooks/types';\n\nexport type ListSlots = {\n  root: NonNullable<Slot<'ul', 'div' | 'ol'>>;\n};\n\nexport type OnListSelectionChangeData = EventData<'change', React.SyntheticEvent> & {\n  selectedItems: SelectionItemId[];\n};\n\nexport type ListNavigationMode = 'items' | 'composite';\n\n/**\n * List Props\n */\nexport type ListProps = ComponentProps<ListSlots> & {\n  navigationMode?: ListNavigationMode;\n  selectionMode?: SelectionMode;\n  selectedItems?: SelectionItemId[];\n  defaultSelectedItems?: SelectionItemId[];\n  onSelectionChange?: EventHandler<OnListSelectionChangeData>;\n};\n\nexport type ListContextValue = {\n  navigationMode: ListNavigationMode | undefined;\n  selection?: ListSelectionState;\n  listItemRole: string;\n  validateListItem: (listItemElement: HTMLElement) => void;\n};\n\nexport type ListContextValues = {\n  listContext: ListContextValue;\n};\n\n/**\n * State used in rendering List\n */\nexport type ListState = ComponentState<ListSlots> & ListContextValue;\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEAAuB"}

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

@@ -0,0 +1,31 @@
+"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, {
+    List: function() {
+        return _List.List;
+    },
+    listClassNames: function() {
+        return _useListStylesstyles.listClassNames;
+    },
+    renderList_unstable: function() {
+        return _renderList.renderList_unstable;
+    },
+    useListStyles_unstable: function() {
+        return _useListStylesstyles.useListStyles_unstable;
+    },
+    useList_unstable: function() {
+        return _useList.useList_unstable;
+    }
+});
+const _List = require("./List");
+const _renderList = require("./renderList");
+const _useList = require("./useList");
+const _useListStylesstyles = require("./useListStyles.styles");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/List/index.ts"],"sourcesContent":["export { List } from './List';\nexport type {\n  ListContextValue,\n  ListContextValues,\n  ListNavigationMode,\n  ListProps,\n  ListSlots,\n  ListState,\n  OnListSelectionChangeData,\n} from './List.types';\nexport { renderList_unstable } from './renderList';\nexport { useList_unstable } from './useList';\nexport { listClassNames, useListStyles_unstable } from './useListStyles.styles';\n"],"names":["List","listClassNames","renderList_unstable","useListStyles_unstable","useList_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,IAAI;eAAJA,UAAI;;IAYJC,cAAc;eAAdA,mCAAc;;IAFdC,mBAAmB;eAAnBA,+BAAmB;;IAEHC,sBAAsB;eAAtBA,2CAAsB;;IADtCC,gBAAgB;eAAhBA,yBAAgB;;;sBAXJ;4BAUe;yBACH;qCACsB"}

package/lib-commonjs/components/List/listContext.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, {
+    ListContextProvider: function() {
+        return ListContextProvider;
+    },
+    listContextDefaultValue: function() {
+        return listContextDefaultValue;
+    },
+    useListContext_unstable: function() {
+        return useListContext_unstable;
+    }
+});
+const _reactcontextselector = require("@fluentui/react-context-selector");
+const listContextDefaultValue = {
+    navigationMode: undefined,
+    selection: undefined,
+    listItemRole: 'listitem',
+    validateListItem: ()=>{
+    /* noop */ }
+};
+const listContext = (0, _reactcontextselector.createContext)(undefined);
+const ListContextProvider = listContext.Provider;
+const useListContext_unstable = (selector)=>(0, _reactcontextselector.useContextSelector)(listContext, (ctx = listContextDefaultValue)=>selector(ctx));

package/lib-commonjs/components/List/listContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/List/listContext.ts"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport type { ContextSelector } from '@fluentui/react-context-selector';\nimport { ListContextValue } from './List.types';\n\nexport const listContextDefaultValue: ListContextValue = {\n  navigationMode: undefined,\n  selection: undefined,\n  listItemRole: 'listitem',\n  validateListItem: () => {\n    /* noop */\n  },\n};\n\nconst listContext = createContext<ListContextValue | undefined>(undefined);\n\nexport const ListContextProvider = listContext.Provider;\n\nexport const useListContext_unstable = <T>(selector: ContextSelector<ListContextValue, T>): T =>\n  useContextSelector(listContext, (ctx = listContextDefaultValue) => selector(ctx));\n"],"names":["ListContextProvider","listContextDefaultValue","useListContext_unstable","navigationMode","undefined","selection","listItemRole","validateListItem","listContext","createContext","Provider","selector","useContextSelector","ctx"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAeaA,mBAAAA;eAAAA;;IAXAC,uBAAAA;eAAAA;;IAaAC,uBAAAA;eAAAA;;;sCAjBqC;AAI3C,MAAMD,0BAA4C;IACvDE,gBAAgBC;IAChBC,WAAWD;IACXE,cAAc;IACdC,kBAAkB;IAChB,QAAQ,GACV;AACF;AAEA,MAAMC,cAAcC,IAAAA,mCAAAA,EAA4CL;AAEzD,MAAMJ,sBAAsBQ,YAAYE,QAAQ;AAEhD,MAAMR,0BAA0B,CAAIS,WACzCC,IAAAA,wCAAAA,EAAmBJ,aAAa,CAACK,MAAMZ,uBAAuB,GAAKU,SAASE"}

package/lib-commonjs/components/List/renderList.js

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

package/lib-commonjs/components/List/renderList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/List/renderList.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { ListState, ListSlots, ListContextValues } from './List.types';\nimport { ListContextProvider } from './listContext';\n\n/**\n * Render the final JSX of List\n */\nexport const renderList_unstable = (state: ListState, contextValues: ListContextValues) => {\n  assertSlots<ListSlots>(state);\n\n  return (\n    <ListContextProvider value={contextValues.listContext}>\n      <state.root />\n    </ListContextProvider>\n  );\n};\n"],"names":["renderList_unstable","state","contextValues","assertSlots","_jsx","ListContextProvider","value","listContext","root"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;4BATb;gCAE4B;6BAEQ;AAK7B,MAAMA,sBAAsB,CAACC,OAAkBC;IACpDC,IAAAA,2BAAAA,EAAuBF;IAEvB,OAAA,WAAA,GACEG,IAAAA,eAAA,EAACC,gCAAAA,EAAAA;QAAoBC,OAAOJ,cAAcK,WAAW;kBACnD,WAAA,GAAAH,IAAAA,eAAA,EAACH,MAAMO,IAAI,EAAA,CAAA;;AAGjB"}

package/lib-commonjs/components/List/useList.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useList_unstable", {
+    enumerable: true,
+    get: function() {
+        return useList_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 _useListSelection = require("../../hooks/useListSelection");
+const _utils = require("../../utils");
+const DEFAULT_ROOT_EL_TYPE = 'ul';
+const useList_unstable = (props, ref)=>{
+    const { navigationMode, selectionMode, selectedItems, defaultSelectedItems, onSelectionChange } = props;
+    const as = props.as || navigationMode === 'composite' ? 'div' : DEFAULT_ROOT_EL_TYPE;
+    const arrowNavigationAttributes = (0, _reacttabster.useArrowNavigationGroup)({
+        axis: 'vertical',
+        memorizeCurrent: true
+    });
+    const [selectionState, setSelectionState] = (0, _reactutilities.useControllableState)({
+        state: selectedItems,
+        defaultState: defaultSelectedItems,
+        initialState: []
+    });
+    const onChange = (0, _reactutilities.useEventCallback)((e, data)=>{
+        const selectedItemsAsArray = Array.from(data.selectedItems);
+        setSelectionState(selectedItemsAsArray);
+        onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(e, {
+            event: e,
+            type: 'change',
+            selectedItems: selectedItemsAsArray
+        });
+    });
+    const selection = (0, _useListSelection.useListSelection)({
+        onSelectionChange: onChange,
+        selectionMode: selectionMode || 'multiselect',
+        selectedItems: selectionState
+    });
+    const listRole = props.role || (0, _utils.calculateListRole)(navigationMode, !!selectionMode);
+    const listItemRole = (0, _utils.calculateListItemRoleForListRole)(listRole);
+    const { findAllFocusable } = (0, _reacttabster.useFocusFinders)();
+    const validateListItem = (0, _reactutilities.useEventCallback)((listItemEl)=>{
+        if (process.env.NODE_ENV === 'production') {
+            return;
+        }
+        const itemRole = listItemEl.getAttribute('role') || '';
+        const focusable = findAllFocusable(listItemEl);
+        (0, _utils.validateProperElementTypes)(as, listItemEl.tagName.toLocaleLowerCase());
+        (0, _utils.validateProperRolesAreUsed)(listRole, itemRole, !!selectionMode, focusable.length > 0);
+        (0, _utils.validateGridCellsArePresent)(listRole, listItemEl);
+    });
+    return {
+        components: {
+            root: as
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)(as, {
+            ref,
+            role: listRole,
+            ...selectionMode && {
+                'aria-multiselectable': selectionMode === 'multiselect' ? true : undefined
+            },
+            ...arrowNavigationAttributes,
+            ...props
+        }), {
+            elementType: as
+        }),
+        listItemRole,
+        validateListItem,
+        navigationMode,
+        // only pass down selection state if its handled internally, otherwise just report the events
+        selection: selectionMode ? selection : undefined
+    };
+};

package/lib-commonjs/components/List/useList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/List/useList.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n  getIntrinsicElementProps,\n  OnSelectionChangeData,\n  slot,\n  useControllableState,\n  useEventCallback,\n} from '@fluentui/react-utilities';\nimport { useArrowNavigationGroup, useFocusFinders } from '@fluentui/react-tabster';\nimport { ListProps, ListState } from './List.types';\nimport { useListSelection } from '../../hooks/useListSelection';\nimport {\n  calculateListItemRoleForListRole,\n  calculateListRole,\n  validateGridCellsArePresent,\n  validateProperElementTypes,\n  validateProperRolesAreUsed,\n} from '../../utils';\n\nconst DEFAULT_ROOT_EL_TYPE = 'ul';\n\n/**\n * Create the state required to render List.\n *\n * The returned state can be modified with hooks such as useListStyles_unstable,\n * before being passed to renderList_unstable.\n *\n * @param props - props from this instance of List\n * @param ref - reference to root HTMLElement of List\n */\nexport const useList_unstable = (\n  props: ListProps,\n  ref: React.Ref<HTMLDivElement | HTMLUListElement | HTMLOListElement>,\n): ListState => {\n  const { navigationMode, selectionMode, selectedItems, defaultSelectedItems, onSelectionChange } = props;\n\n  const as = props.as || navigationMode === 'composite' ? 'div' : DEFAULT_ROOT_EL_TYPE;\n\n  const arrowNavigationAttributes = useArrowNavigationGroup({\n    axis: 'vertical',\n    memorizeCurrent: true,\n  });\n\n  const [selectionState, setSelectionState] = useControllableState({\n    state: selectedItems,\n    defaultState: defaultSelectedItems,\n    initialState: [],\n  });\n\n  const onChange = useEventCallback((e: React.SyntheticEvent, data: OnSelectionChangeData) => {\n    const selectedItemsAsArray = Array.from(data.selectedItems);\n    setSelectionState(selectedItemsAsArray);\n    onSelectionChange?.(e, { event: e, type: 'change', selectedItems: selectedItemsAsArray });\n  });\n\n  const selection = useListSelection({\n    onSelectionChange: onChange,\n    selectionMode: selectionMode || 'multiselect',\n    selectedItems: selectionState,\n  });\n\n  const listRole = props.role || calculateListRole(navigationMode, !!selectionMode);\n  const listItemRole = calculateListItemRoleForListRole(listRole);\n\n  const { findAllFocusable } = useFocusFinders();\n\n  const validateListItem = useEventCallback((listItemEl: HTMLElement) => {\n    if (process.env.NODE_ENV === 'production') {\n      return;\n    }\n    const itemRole = listItemEl.getAttribute('role') || '';\n    const focusable = findAllFocusable(listItemEl);\n    validateProperElementTypes(as, listItemEl.tagName.toLocaleLowerCase());\n    validateProperRolesAreUsed(listRole, itemRole, !!selectionMode, focusable.length > 0);\n    validateGridCellsArePresent(listRole, listItemEl);\n  });\n\n  return {\n    components: {\n      root: as,\n    },\n    root: slot.always(\n      getIntrinsicElementProps(as, {\n        ref,\n        role: listRole,\n        ...(selectionMode && {\n          'aria-multiselectable': selectionMode === 'multiselect' ? true : undefined,\n        }),\n        ...arrowNavigationAttributes,\n        ...props,\n      }),\n      { elementType: as },\n    ),\n    listItemRole,\n    validateListItem,\n    navigationMode,\n    // only pass down selection state if its handled internally, otherwise just report the events\n    selection: selectionMode ? selection : undefined,\n  };\n};\n"],"names":["useList_unstable","DEFAULT_ROOT_EL_TYPE","props","ref","navigationMode","selectionMode","selectedItems","defaultSelectedItems","onSelectionChange","as","arrowNavigationAttributes","useArrowNavigationGroup","axis","memorizeCurrent","selectionState","setSelectionState","useControllableState","state","defaultState","initialState","onChange","useEventCallback","e","data","selectedItemsAsArray","Array","from","event","type","selection","useListSelection","listRole","role","calculateListRole","listItemRole","calculateListItemRoleForListRole","findAllFocusable","useFocusFinders","validateListItem","listItemEl","process","env","NODE_ENV","itemRole","getAttribute","focusable","validateProperElementTypes","tagName","toLocaleLowerCase","validateProperRolesAreUsed","length","validateGridCellsArePresent","components","root","slot","always","getIntrinsicElementProps","undefined","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA8BaA;;;eAAAA;;;;iEA9BU;gCAOhB;8BACkD;kCAExB;uBAO1B;AAEP,MAAMC,uBAAuB;AAWtB,MAAMD,mBAAmB,CAC9BE,OACAC;IAEA,MAAM,EAAEC,cAAc,EAAEC,aAAa,EAAEC,aAAa,EAAEC,oBAAoB,EAAEC,iBAAiB,EAAE,GAAGN;IAElG,MAAMO,KAAKP,MAAMO,EAAE,IAAIL,mBAAmB,cAAc,QAAQH;IAEhE,MAAMS,4BAA4BC,IAAAA,qCAAAA,EAAwB;QACxDC,MAAM;QACNC,iBAAiB;IACnB;IAEA,MAAM,CAACC,gBAAgBC,kBAAkB,GAAGC,IAAAA,oCAAAA,EAAqB;QAC/DC,OAAOX;QACPY,cAAcX;QACdY,cAAc,EAAE;IAClB;IAEA,MAAMC,WAAWC,IAAAA,gCAAAA,EAAiB,CAACC,GAAyBC;QAC1D,MAAMC,uBAAuBC,MAAMC,IAAI,CAACH,KAAKjB,aAAa;QAC1DS,kBAAkBS;QAClBhB,sBAAAA,QAAAA,sBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,kBAAoBc,GAAG;YAAEK,OAAOL;YAAGM,MAAM;YAAUtB,eAAekB;QAAqB;IACzF;IAEA,MAAMK,YAAYC,IAAAA,kCAAAA,EAAiB;QACjCtB,mBAAmBY;QACnBf,eAAeA,iBAAiB;QAChCC,eAAeQ;IACjB;IAEA,MAAMiB,WAAW7B,MAAM8B,IAAI,IAAIC,IAAAA,wBAAAA,EAAkB7B,gBAAgB,CAAC,CAACC;IACnE,MAAM6B,eAAeC,IAAAA,uCAAAA,EAAiCJ;IAEtD,MAAM,EAAEK,gBAAgB,EAAE,GAAGC,IAAAA,6BAAAA;IAE7B,MAAMC,mBAAmBjB,IAAAA,gCAAAA,EAAiB,CAACkB;QACzC,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;YACzC;QACF;QACA,MAAMC,WAAWJ,WAAWK,YAAY,CAAC,WAAW;QACpD,MAAMC,YAAYT,iBAAiBG;QACnCO,IAAAA,iCAAAA,EAA2BrC,IAAI8B,WAAWQ,OAAO,CAACC,iBAAiB;QACnEC,IAAAA,iCAAAA,EAA2BlB,UAAUY,UAAU,CAAC,CAACtC,eAAewC,UAAUK,MAAM,GAAG;QACnFC,IAAAA,kCAAAA,EAA4BpB,UAAUQ;IACxC;IAEA,OAAO;QACLa,YAAY;YACVC,MAAM5C;QACR;QACA4C,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB/C,IAAI;YAC3BN;YACA6B,MAAMD;YACN,GAAI1B,iBAAiB;gBACnB,wBAAwBA,kBAAkB,gBAAgB,OAAOoD;YACnE,CAAC;YACD,GAAG/C,yBAAyB;YAC5B,GAAGR,KAAK;QACV,IACA;YAAEwD,aAAajD;QAAG;QAEpByB;QACAI;QACAlC;QACA,6FAA6F;QAC7FyB,WAAWxB,gBAAgBwB,YAAY4B;IACzC;AACF"}

package/lib-commonjs/components/List/useListContextValues.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useListContextValues_unstable", {
+    enumerable: true,
+    get: function() {
+        return useListContextValues_unstable;
+    }
+});
+function useListContextValues_unstable(state) {
+    const { selection, navigationMode, listItemRole, validateListItem } = state;
+    const listContext = {
+        selection,
+        listItemRole,
+        navigationMode,
+        validateListItem
+    };
+    return {
+        listContext
+    };
+}

package/lib-commonjs/components/List/useListContextValues.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/List/useListContextValues.ts"],"sourcesContent":["import { ListContextValues, ListState } from './List.types';\n\nexport function useListContextValues_unstable(state: ListState): ListContextValues {\n  const { selection, navigationMode, listItemRole, validateListItem } = state;\n\n  const listContext = {\n    selection,\n    listItemRole,\n    navigationMode,\n    validateListItem,\n  };\n\n  return {\n    listContext,\n  };\n}\n"],"names":["useListContextValues_unstable","state","selection","navigationMode","listItemRole","validateListItem","listContext"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAEgBA;;;eAAAA;;;AAAT,SAASA,8BAA8BC,KAAgB;IAC5D,MAAM,EAAEC,SAAS,EAAEC,cAAc,EAAEC,YAAY,EAAEC,gBAAgB,EAAE,GAAGJ;IAEtE,MAAMK,cAAc;QAClBJ;QACAE;QACAD;QACAE;IACF;IAEA,OAAO;QACLC;IACF;AACF"}

package/lib-commonjs/components/List/useListStyles.styles.js

@@ -0,0 +1,31 @@
+"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, {
+    listClassNames: function() {
+        return listClassNames;
+    },
+    useListStyles_unstable: function() {
+        return useListStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const listClassNames = {
+    root: 'fui-List'
+};
+const useRootBaseStyles = /*#__PURE__*/ (0, _react.__resetStyles)("r1m6yby2", null, [
+    ".r1m6yby2{padding:0;margin:0;text-indent:0;list-style-type:none;}"
+]);
+const useListStyles_unstable = (state)=>{
+    'use no memo';
+    const rootStyles = useRootBaseStyles();
+    state.root.className = (0, _react.mergeClasses)(listClassNames.root, rootStyles, state.root.className);
+    return state;
+};

package/lib-commonjs/components/List/useListStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useListStyles.styles.js"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@griffel/react';\nexport const listClassNames = {\n    root: 'fui-List'\n};\nconst useRootBaseStyles = makeResetStyles({\n    padding: 0,\n    margin: 0,\n    textIndent: 0,\n    listStyleType: 'none'\n});\n/**\n * Apply styling to the List slots based on the state\n */ export const useListStyles_unstable = (state)=>{\n    'use no memo';\n    const rootStyles = useRootBaseStyles();\n    state.root.className = mergeClasses(listClassNames.root, rootStyles, state.root.className);\n    return state;\n};\n"],"names":["listClassNames","useListStyles_unstable","root","useRootBaseStyles","__resetStyles","state","rootStyles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACaA,cAAc;eAAdA;;IAWIC,sBAAsB;eAAtBA;;;uBAZ6B;AACvC,MAAMD,iBAAiB;IAC1BE,MAAM;AACV;AACA,MAAMC,oBAAiB,WAAA,GAAGC,IAAAA,oBAAA,EAAA,YAAA,MAAA;IAAA;CAKzB;AAGU,MAAMH,yBAA0BI,CAAAA;IACvC;IACA,MAAMC,aAAaH;IACnBE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,eAAeE,IAAI,EAAEI,YAAYD,MAAMH,IAAI,CAACK,SAAS;IACzF,OAAOF;AACX"}

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ListItem", {
+    enumerable: true,
+    get: function() {
+        return ListItem;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const _useListItem = require("./useListItem");
+const _renderListItem = require("./renderListItem");
+const _useListItemStylesstyles = require("./useListItemStyles.styles");
+const ListItem = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useListItem.useListItem_unstable)(props, ref);
+    (0, _useListItemStylesstyles.useListItemStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useListItemStyles_unstable')(state);
+    return (0, _renderListItem.renderListItem_unstable)(state);
+});
+ListItem.displayName = 'ListItem';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useListItem_unstable } from './useListItem';\nimport { renderListItem_unstable } from './renderListItem';\nimport { useListItemStyles_unstable } from './useListItemStyles.styles';\nimport type { ListItemProps } from './ListItem.types';\n\nexport const ListItem: ForwardRefComponent<ListItemProps> = React.forwardRef<HTMLLIElement | HTMLDivElement>(\n  (props, ref) => {\n    const state = useListItem_unstable(props, ref);\n\n    useListItemStyles_unstable(state);\n    useCustomStyleHook_unstable('useListItemStyles_unstable')(state);\n    return renderListItem_unstable(state);\n  },\n);\n\nListItem.displayName = 'ListItem';\n"],"names":["ListItem","React","forwardRef","props","ref","state","useListItem_unstable","useListItemStyles_unstable","useCustomStyleHook_unstable","renderListItem_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;qCAEqB;6BACP;gCACG;yCACG;AAGpC,MAAMA,WAAAA,WAAAA,GAA+CC,OAAMC,UAAU,CAC1E,CAACC,OAAOC;IACN,MAAMC,QAAQC,IAAAA,iCAAAA,EAAqBH,OAAOC;IAE1CG,IAAAA,mDAAAA,EAA2BF;IAC3BG,IAAAA,gDAAAA,EAA4B,8BAA8BH;IAC1D,OAAOI,IAAAA,uCAAAA,EAAwBJ;AACjC;AAGFL,SAASU,WAAW,GAAG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ListItem/ListItem.types.ts"],"sourcesContent":["import { Checkbox } from '@fluentui/react-checkbox';\nimport type { ComponentProps, ComponentState, EventData, EventHandler, Slot } from '@fluentui/react-utilities';\nimport { ListItemActionEvent, ListItemActionEventName } from '../../events/ListItemActionEvent';\n\nexport type ListItemSlots = {\n  root: NonNullable<Slot<'li', 'div'>>;\n  checkmark?: Slot<typeof Checkbox>;\n};\n\nexport type ListItemValue = string | number;\n\nexport type ListItemActionEventData = EventData<typeof ListItemActionEventName, ListItemActionEvent> & {\n  value: ListItemValue;\n};\n/**\n * ListItem Props\n */\nexport type ListItemProps = ComponentProps<ListItemSlots> & {\n  value?: ListItemValue;\n  onAction?: EventHandler<ListItemActionEventData>;\n};\n\n/**\n * State used in rendering ListItem\n */\nexport type ListItemState = ComponentState<ListItemSlots> & { selectable: boolean; navigable: boolean };\n"],"names":[],"rangeMappings":";;","mappings":"AAsBA;;CAEC"}

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

@@ -0,0 +1,31 @@
+"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, {
+    ListItem: function() {
+        return _ListItem.ListItem;
+    },
+    listItemClassNames: function() {
+        return _useListItemStylesstyles.listItemClassNames;
+    },
+    renderListItem_unstable: function() {
+        return _renderListItem.renderListItem_unstable;
+    },
+    useListItemStyles_unstable: function() {
+        return _useListItemStylesstyles.useListItemStyles_unstable;
+    },
+    useListItem_unstable: function() {
+        return _useListItem.useListItem_unstable;
+    }
+});
+const _ListItem = require("./ListItem");
+const _renderListItem = require("./renderListItem");
+const _useListItem = require("./useListItem");
+const _useListItemStylesstyles = require("./useListItemStyles.styles");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ListItem/index.ts"],"sourcesContent":["export { ListItem } from './ListItem';\nexport type {\n  ListItemActionEventData,\n  ListItemProps,\n  ListItemSlots,\n  ListItemState,\n  ListItemValue,\n} from './ListItem.types';\nexport { renderListItem_unstable } from './renderListItem';\nexport { useListItem_unstable } from './useListItem';\nexport { listItemClassNames, useListItemStyles_unstable } from './useListItemStyles.styles';\n"],"names":["ListItem","listItemClassNames","renderListItem_unstable","useListItemStyles_unstable","useListItem_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,QAAQ;eAARA,kBAAQ;;IAURC,kBAAkB;eAAlBA,2CAAkB;;IAFlBC,uBAAuB;eAAvBA,uCAAuB;;IAEHC,0BAA0B;eAA1BA,mDAA0B;;IAD9CC,oBAAoB;eAApBA,iCAAoB;;;0BATJ;gCAQe;6BACH;yCAC0B"}

package/lib-commonjs/components/ListItem/renderListItem.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderListItem_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderListItem_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const renderListItem_unstable = (state)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            state.checkmark && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.checkmark, {}),
+            state.root.children
+        ]
+    });
+};

package/lib-commonjs/components/ListItem/renderListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ListItem/renderListItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { ListItemState, ListItemSlots } from './ListItem.types';\n\n/**\n * Render the final JSX of ListItem\n */\nexport const renderListItem_unstable = (state: ListItemState) => {\n  assertSlots<ListItemSlots>(state);\n\n  return (\n    <state.root>\n      {state.checkmark && <state.checkmark />}\n      {state.root.children}\n    </state.root>\n  );\n};\n"],"names":["renderListItem_unstable","state","assertSlots","_jsxs","root","checkmark","_jsx","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAE4B;AAMrB,MAAMA,0BAA0B,CAACC;IACtCC,IAAAA,2BAAAA,EAA2BD;IAE3B,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;YACRH,MAAMI,SAAS,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACL,MAAMI,SAAS,EAAA,CAAA;YACnCJ,MAAMG,IAAI,CAACG,QAAQ;;;AAG1B"}