@react-spectrum/s2 1.0.0 → 1.2.0

package/dist/ListView.cjs

@@ -0,0 +1,777 @@
+require("./ListView.css");
+var $7a26131f6144af2b$exports = require("./ActionButtonGroup.cjs");
+var $e5a758dd286599f2$exports = require("./ActionMenu.cjs");
+var $e991cbcdf82ced71$exports = require("./CenterBaseline.cjs");
+var $af04e099a53d3e85$exports = require("./Checkbox.cjs");
+var $1df9f1c9262ce5df$exports = require("./Chevron.cjs");
+var $bde97c91243ed164$exports = require("../icons/Icon.cjs");
+var $053b76ed3d29e13b$exports = require("./Image.cjs");
+var $4526404114e78c80$exports = require("./intlStrings.cjs");
+var $377d9a1b51957cfd$exports = require("./LinkOut.cjs");
+var $1c116ea4b0d2d023$exports = require("./ProgressCircle.cjs");
+var $6367bc87eb7d24ad$exports = require("./Content.cjs");
+var $85bf454149fe9ddc$exports = require("./ActionBar.cjs");
+var $ee7b4c497f520c08$exports = require("./utils.cjs");
+var $ac757a4c2bd72aee$exports = require("../icons/useSpectrumContextProps.cjs");
+var $jpFeb$reactjsxruntime = require("react/jsx-runtime");
+var $jpFeb$reactariacomponents = require("react-aria-components");
+var $jpFeb$react = require("react");
+var $jpFeb$reactspectrumutils = require("@react-spectrum/utils");
+var $jpFeb$reactaria = require("react-aria");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "ListViewContext", () => $387d58020e2a8028$export$870039b0abfe3de0);
+$parcel$export(module.exports, "ListView", () => $387d58020e2a8028$export$84d0dd190d551cd1);
+$parcel$export(module.exports, "ListViewItem", () => $387d58020e2a8028$export$c6bde0c04b033c0e);
+/*
+ * Copyright 2026 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const $387d58020e2a8028$export$870039b0abfe3de0 = /*#__PURE__*/ (0, $jpFeb$react.createContext)(null);
+let $387d58020e2a8028$var$InternalListViewContext = /*#__PURE__*/ (0, $jpFeb$react.createContext)({});
+const $387d58020e2a8028$var$listViewWrapper = function anonymous(props, overrides) {
+    let rules = " ";
+    let minHeight = false;
+    let minWidth = false;
+    let position = false;
+    let matches = String(overrides || '').matchAll(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L|F|M|K)[^\s]+/g);
+    for (let p of matches){
+        if (p[1] === "M") minHeight = true;
+        if (p[1] === "N") minWidth = true;
+        if (p[1] === "_P") position = true;
+        rules += p[0];
+    }
+    if (!minHeight) rules += ' Ma12';
+    if (!minWidth) rules += ' Na12';
+    rules += ' sd12';
+    rules += ' _Bb12';
+    rules += ' __ca12';
+    if (!position) rules += ' _Pc12';
+    rules += ' _Nb12';
+    rules += ' Pb12';
+    return rules;
+};
+// When any row has a trailing icon, reserve space so actions align.
+const $387d58020e2a8028$var$hasTrailingIconRows = ':has([data-has-trailing-icon]) [role="row"]';
+const $387d58020e2a8028$var$listView = function anonymous(props) {
+    let rules = " ";
+    if (props.isFocusVisible) rules += ' _Lf12';
+    else rules += ' _Le12';
+    rules += ' Oh12';
+    rules += ' Olc12';
+    rules += ' _Mc12';
+    if (props.isQuiet) rules += ' _Ka12';
+    else rules += ' _Kb12';
+    rules += ' _4c12';
+    rules += ' Ma12';
+    rules += ' Na12';
+    rules += ' Za12';
+    rules += ' Fb12';
+    rules += ' _oa12';
+    rules += ' _Na12';
+    rules += ' Pa12';
+    if (props.size === "XL") {
+        rules += ' -_6BNtrc-e12';
+        rules += ' vx12';
+    } else if (props.size === "L") {
+        rules += ' -_6BNtrc-d12';
+        rules += ' vx12';
+    } else if (props.size === "S") {
+        rules += ' -_6BNtrc-b12';
+        rules += ' vx12';
+    } else if (props.size === "XS") {
+        rules += ' -_6BNtrc-a12';
+        rules += ' vx12';
+    } else {
+        rules += ' -_6BNtrc-c12';
+        rules += ' vx12';
+    }
+    if (props.isQuiet) rules += ' g912';
+    else rules += ' gX12';
+    rules += ' gla12';
+    if (props.isQuiet) rules += ' od12';
+    else rules += ' ob12';
+    if (props.isQuiet) rules += ' nd12';
+    else rules += ' nb12';
+    if (props.isQuiet) rules += ' kd12';
+    else rules += ' kb12';
+    if (props.isQuiet) rules += ' jd12';
+    else rules += ' jb12';
+    rules += ' iq12';
+    if (props.isQuiet) rules += ' _ka12';
+    else rules += ' _kb12';
+    if (props.isQuiet) rules += ' ha12';
+    else rules += ' hb12';
+    if (props.isQuiet) rules += ' ma12';
+    else rules += ' mb12';
+    if (props.isQuiet) rules += ' la12';
+    else rules += ' lb12';
+    rules += ' _jf12';
+    rules += ' -Ev4N4b-Zd12';
+    rules += ' -Ev4N4b-1bNH0cZuUmpre12';
+    return rules;
+};
+const $387d58020e2a8028$export$84d0dd190d551cd1 = /*#__PURE__*/ (0, $jpFeb$react.forwardRef)(function ListView(props, ref) {
+    [props, ref] = (0, $ac757a4c2bd72aee$exports.useSpectrumContextProps)(props, ref, $387d58020e2a8028$export$870039b0abfe3de0);
+    let { children: children, isQuiet: isQuiet, selectionStyle: selectionStyle = 'checkbox', overflowMode: overflowMode = 'truncate', loadingState: loadingState, onLoadMore: onLoadMore, renderEmptyState: userRenderEmptyState, hideLinkOutIcon: hideLinkOutIcon = false, ...otherProps } = props;
+    let scale = (0, $ee7b4c497f520c08$exports.useScale)();
+    let stringFormatter = (0, $jpFeb$reactaria.useLocalizedStringFormatter)((0, ($parcel$interopDefault($4526404114e78c80$exports))), '@react-spectrum/s2');
+    let rowHeight = scale === 'large' ? 50 : 40;
+    let domRef = (0, $jpFeb$reactspectrumutils.useDOMRef)(ref);
+    let scrollRef = (0, $jpFeb$react.useRef)(null);
+    let isLoading = loadingState === 'loading' || loadingState === 'loadingMore';
+    let renderEmptyState;
+    if (userRenderEmptyState != null && !isLoading) renderEmptyState = (renderProps)=>/*#__PURE__*/ (0, $jpFeb$reactjsxruntime.jsx)("div", {
+            className: $387d58020e2a8028$var$emptyStateWrapper,
+            children: /*#__PURE__*/ (0, $jpFeb$reactjsxruntime.jsx)((0, $jpFeb$reactariacomponents.CollectionRendererContext).Provider, {
+                value: (0, $jpFeb$reactariacomponents.DefaultCollectionRenderer),
+                children: userRenderEmptyState(renderProps)
+            })
+        });
+    else if (loadingState === 'loading') renderEmptyState = ()=>/*#__PURE__*/ (0, $jpFeb$reactjsxruntime.jsx)("div", {
+            className: $387d58020e2a8028$var$centeredWrapper,
+            children: /*#__PURE__*/ (0, $jpFeb$reactjsxruntime.jsx)("div", {
+                className: $387d58020e2a8028$var$loadingSpinnerWrapper,
+                children: /*#__PURE__*/ (0, $jpFeb$reactjsxruntime.jsx)((0, $1c116ea4b0d2d023$exports.ProgressCircle), {
+                    isIndeterminate: true,
+                    "aria-label": stringFormatter.format('table.loading')
+                })
+            })
+        });
+    let loadMoreSpinner = onLoadMore ? /*#__PURE__*/ (0, $jpFeb$reactjsxruntime.jsx)((0, $jpFeb$reactariacomponents.GridListLoadMoreItem), {
+        isLoading: loadingState === 'loadingMore',
+        onLoadMore: onLoadMore,
+        className: " Fb12 Za12 Tt12 Qt12",
+        children: /*#__PURE__*/ (0, $jpFeb$reactjsxruntime.jsx)("div", {
+            className: $387d58020e2a8028$var$centeredWrapper,
+            children: /*#__PURE__*/ (0, $jpFeb$reactjsxruntime.jsx)("div", {
+                className: $387d58020e2a8028$var$loadingSpinnerWrapper,
+                children: /*#__PURE__*/ (0, $jpFeb$reactjsxruntime.jsx)((0, $1c116ea4b0d2d023$exports.ProgressCircle), {
+                    isIndeterminate: true,
+                    "aria-label": stringFormatter.format('table.loadingMore')
+                })
+            })
+        })
+    }) : null;
+    let wrappedChildren;
+    let gridListProps = otherProps;
+    if (typeof children === 'function' && otherProps.items) {
+        let { items: items, dependencies: dependencies = [], ...rest } = otherProps;
+        gridListProps = rest;
+        wrappedChildren = /*#__PURE__*/ (0, $jpFeb$reactjsxruntime.jsxs)((0, $jpFeb$reactjsxruntime.Fragment), {
+            children: [
+                /*#__PURE__*/ (0, $jpFeb$reactjsxruntime.jsx)((0, $jpFeb$reactariacomponents.Collection), {
+                    items: items,
+                    dependencies: dependencies,
+                    children: children
+                }),
+                loadMoreSpinner
+            ]
+        });
+    } else wrappedChildren = /*#__PURE__*/ (0, $jpFeb$reactjsxruntime.jsxs)((0, $jpFeb$reactjsxruntime.Fragment), {
+        children: [
+            children,
+            loadMoreSpinner
+        ]
+    });
+    let { selectedKeys: selectedKeys, onSelectionChange: onSelectionChange, actionBar: actionBar, actionBarHeight: actionBarHeight } = (0, $85bf454149fe9ddc$exports.useActionBarContainer)({
+        ...props,
+        scrollRef: scrollRef
+    });
+    return /*#__PURE__*/ (0, $jpFeb$reactjsxruntime.jsxs)("div", {
+        ref: domRef,
+        className: (props.UNSAFE_className || '') + $387d58020e2a8028$var$listViewWrapper(null, props.styles),
+        style: props.UNSAFE_style,
+        children: [
+            /*#__PURE__*/ (0, $jpFeb$reactjsxruntime.jsx)((0, $jpFeb$reactariacomponents.Virtualizer), {
+                layout: (0, $jpFeb$reactariacomponents.ListLayout),
+                layoutOptions: {
+                    estimatedRowHeight: rowHeight,
+                    loaderHeight: 60
+                },
+                children: /*#__PURE__*/ (0, $jpFeb$reactjsxruntime.jsx)($387d58020e2a8028$var$InternalListViewContext.Provider, {
+                    value: {
+                        isQuiet: isQuiet,
+                        selectionStyle: selectionStyle,
+                        overflowMode: overflowMode,
+                        scale: scale,
+                        hideLinkOutIcon: hideLinkOutIcon
+                    },
+                    children: /*#__PURE__*/ (0, $jpFeb$reactjsxruntime.jsx)((0, $jpFeb$reactariacomponents.GridList), {
+                        ref: scrollRef,
+                        ...gridListProps,
+                        selectionBehavior: selectionStyle === 'highlight' ? 'replace' : 'toggle',
+                        selectionMode: gridListProps.selectionMode,
+                        renderEmptyState: renderEmptyState,
+                        style: {
+                            paddingBottom: actionBarHeight > 0 ? actionBarHeight + 8 : 0,
+                            scrollPaddingBottom: actionBarHeight > 0 ? actionBarHeight + 8 : 0
+                        },
+                        className: (renderProps)=>$387d58020e2a8028$var$listView({
+                                ...renderProps,
+                                isQuiet: isQuiet
+                            }),
+                        selectedKeys: selectedKeys,
+                        defaultSelectedKeys: undefined,
+                        onSelectionChange: onSelectionChange,
+                        children: wrappedChildren
+                    })
+                })
+            }),
+            actionBar
+        ]
+    });
+});
+const $387d58020e2a8028$var$selectedBackground = "[color-mix(in srgb, light-dark(rgb(255, 255, 255), rgb(17, 17, 17)), light-dark(rgb(19, 19, 19), rgb(242, 242, 242)) 7%)]";
+const $387d58020e2a8028$var$selectedActiveBackground = "[color-mix(in srgb, light-dark(rgb(255, 255, 255), rgb(17, 17, 17)), light-dark(rgb(19, 19, 19), rgb(242, 242, 242)) 10%)]";
+const $387d58020e2a8028$var$listitem = function anonymous(props) {
+    let rules = " ";
+    rules += ' _Le12';
+    rules += ' _oa12';
+    rules += ' qh12';
+    rules += ' Sd12';
+    rules += ' Rd12';
+    rules += ' Tt12';
+    rules += ' Qt12';
+    rules += ' g912';
+    if (props.isDisabled) {
+        rules += ' pp12';
+        rules += ' plc12';
+    } else if (props.isSelected) {
+        if (props.isPressed) rules += ' po12';
+        else if (props.isFocusVisible) rules += ' po12';
+        else if (props.isHovered) rules += ' po12';
+        else rules += ' pt12';
+    } else {
+        if (props.isPressed) rules += ' pt12';
+        else if (props.isFocusVisible) rules += ' pt12';
+        else if (props.isHovered) rules += ' pt12';
+        else rules += ' pv12';
+    }
+    rules += ' _Pc12';
+    rules += ' z2mU12';
+    rules += ' yzZKy12';
+    rules += ' se12';
+    rules += ' C91zTN12';
+    rules += ' DIVIQId12';
+    rules += ' Exumf9b12';
+    rules += ' UDNKd2dai5a012';
+    rules += ' ea12';
+    if (props.scale === "large") rules += ' MODqQub12';
+    else rules += ' Mh12';
+    rules += ' _Xa12';
+    if (props.isLink) rules += ' ry12';
+    else rules += ' ri12';
+    if (props.isSelected) {
+        if (props.selectionStyle === "checkbox") rules += ' -EH8uVb-iq12';
+        else if (props.selectionStyle === "highlight") rules += ' -EH8uVb-iw12';
+    } else rules += ' -EH8uVb-iq12';
+    rules += ' -EH8uVb-lia12';
+    rules += ' _ka12';
+    if (props.isLastItem) {
+        if (props.isQuiet) rules += ' ha12';
+        else rules += ' hb12';
+    } else rules += ' hb12';
+    rules += ' ma12';
+    rules += ' la12';
+    rules += ' _jf12';
+    if (props.isSelected) rules += ' iA12';
+    else if (props.isNextSelected) rules += ' iA12';
+    else rules += ' i4pzfu12';
+    return rules;
+};
+const $387d58020e2a8028$var$listRowBackground = function anonymous(props) {
+    let rules = " ";
+    if (props.isFocusVisible) rules += ' _Lf12';
+    else rules += ' _Le12';
+    rules += ' Oh12';
+    rules += ' Olc12';
+    rules += ' _Mc12';
+    rules += ' _Kb12';
+    rules += ' _Pa12';
+    rules += ' _9a12';
+    if (props.isFirstItem) rules += ' Wr12';
+    else if (props.isPrevSelected) rules += ' Wr12';
+    else if (props.isSelected) rules += ' WLPOtrc12';
+    else rules += ' Wr12';
+    rules += ' _Er12';
+    rules += ' _Rr12';
+    if (props.isSelected) rules += ' _lLPOtrc12';
+    else rules += ' _lr12';
+    if (props.isSelected) {
+        if (props.selectionStyle === "highlight") {
+            if (props.isPressed) rules += ' gaZwDBe12';
+            else if (props.isHovered) rules += ' gaZwDBe12';
+            else rules += ' glzvDBe12';
+        } else if (props.selectionStyle === "checkbox") {
+            if (props.isFocusVisible) rules += ' gRfT7e12';
+            else if (props.isPressed) rules += ' gRfT7e12';
+            else if (props.isHovered) rules += ' gRfT7e12';
+            else rules += ' gj1B7i12';
+        }
+    } else if (props.isPressed) {
+        if (props.selectionStyle === "checkbox") rules += ' gRfT7e12';
+        else rules += ' g7IonAe12';
+    } else if (props.isHovered) {
+        if (props.selectionStyle === "checkbox") rules += ' gj1B7i12';
+        else rules += ' gVQkD8c12';
+    } else rules += ' gs9yXOb12';
+    rules += ' gla12';
+    if (props.isFirstItem) {
+        if (props.isFocusVisible) rules += ' ob12';
+        else if (props.isQuiet) rules += ' ob12';
+        else if (props.isSelected) {
+            if (props.selectionStyle === "highlight") rules += ' ob12';
+            else if (props.selectionStyle === "checkbox") rules += ' od12';
+        }
+    }
+    if (props.isFirstItem) {
+        if (props.isFocusVisible) rules += ' nb12';
+        else if (props.isQuiet) rules += ' nb12';
+        else if (props.isSelected) {
+            if (props.selectionStyle === "highlight") rules += ' nb12';
+            else if (props.selectionStyle === "checkbox") rules += ' nd12';
+        }
+    }
+    if (props.isLastItem) {
+        if (props.isFocusVisible) rules += ' kb12';
+        else if (props.isQuiet) rules += ' kb12';
+        else if (props.isSelected) {
+            if (props.selectionStyle === "highlight") rules += ' kb12';
+            else if (props.selectionStyle === "checkbox") rules += ' kd12';
+        }
+    }
+    if (props.isLastItem) {
+        if (props.isFocusVisible) rules += ' jb12';
+        else if (props.isQuiet) rules += ' jb12';
+        else if (props.isSelected) {
+            if (props.selectionStyle === "highlight") rules += ' jb12';
+            else if (props.selectionStyle === "checkbox") rules += ' jd12';
+        }
+    }
+    if (props.isPrevSelected) rules += ' _ka12';
+    else {
+        if (props.selectionStyle === "highlight") rules += ' _kb12';
+        else if (props.selectionStyle === "checkbox") rules += ' _ka12';
+    }
+    if (props.isNextSelected) rules += ' ha12';
+    else {
+        if (props.selectionStyle === "highlight") rules += ' hb12';
+        else if (props.selectionStyle === "checkbox") rules += ' ha12';
+    }
+    if (props.selectionStyle === "highlight") rules += ' mb12';
+    else if (props.selectionStyle === "checkbox") rules += ' ma12';
+    if (props.selectionStyle === "highlight") rules += ' lb12';
+    else if (props.selectionStyle === "checkbox") rules += ' la12';
+    rules += ' _jf12';
+    if (props.isSelected) {
+        if (props.selectionStyle === "highlight") rules += ' i4pzfu12';
+        else if (props.selectionStyle === "checkbox") rules += ' iA12';
+    } else rules += ' iA12';
+    return rules;
+};
+let $387d58020e2a8028$export$1237798dc640739a = function anonymous(props) {
+    let rules = " ";
+    rules += ' zv6x9r12';
+    rules += ' yv6x9r12';
+    rules += ' Bv6x9r12';
+    rules += ' Av6x9r12';
+    rules += ' _dc12';
+    if (props.size === "XL") {
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
+    } else if (props.size === "L") {
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
+    } else if (props.size === "S") {
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
+    } else if (props.size === "XS") {
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
+    } else {
+        rules += ' uk12';
+        rules += ' ucJ9TBTb12';
+        rules += ' ud3Euai12';
+        rules += ' uea12';
+        rules += ' ugb12';
+        rules += ' uhd12';
+        rules += ' uje12';
+        rules += ' u2NhKxcl12';
+        rules += ' uic12';
+    }
+    if (props.size === "XL") {
+        rules += ' -_6BNtrc-e12';
+        rules += ' vx12';
+    } else if (props.size === "L") {
+        rules += ' -_6BNtrc-d12';
+        rules += ' vx12';
+    } else if (props.size === "S") {
+        rules += ' -_6BNtrc-b12';
+        rules += ' vx12';
+    } else if (props.size === "XS") {
+        rules += ' -_6BNtrc-a12';
+        rules += ' vx12';
+    } else {
+        rules += ' -_6BNtrc-c12';
+        rules += ' vx12';
+    }
+    if (props.size === "XL") {
+        rules += ' xb12';
+        rules += ' _xa12';
+    } else if (props.size === "L") {
+        rules += ' xb12';
+        rules += ' _xa12';
+    } else if (props.size === "S") {
+        rules += ' xb12';
+        rules += ' _xa12';
+    } else if (props.size === "XS") {
+        rules += ' xb12';
+        rules += ' _xa12';
+    } else {
+        rules += ' xb12';
+        rules += ' _xa12';
+    }
+    if (props.size === "XL") {
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
+    } else if (props.size === "L") {
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
+    } else if (props.size === "S") {
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
+    } else if (props.size === "XS") {
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
+    } else {
+        rules += ' _Fd12';
+        rules += ' _FnuYUweb12';
+    }
+    rules += ' p40ub4c12';
+    rules += ' _Nc12';
+    rules += ' Pc12';
+    rules += ' _Yb12';
+    if (props.overflowMode === "wrap") rules += ' _7b12';
+    else rules += ' _7c12';
+    return rules;
+};
+let $387d58020e2a8028$export$6d59db4903f20f7d = function anonymous(props) {
+    let rules = " ";
+    rules += ' z9u7zPc12';
+    rules += ' y9u7zPc12';
+    rules += ' B9u7zPc12';
+    rules += ' A9u7zPc12';
+    rules += ' _dc12';
+    rules += ' _Nc12';
+    rules += ' Pc12';
+    rules += ' _Yb12';
+    if (props.overflowMode === "wrap") rules += ' _7b12';
+    else rules += ' _7c12';
+    rules += ' uk12';
+    rules += ' ucJ9TBTb12';
+    rules += ' ud3Euai12';
+    rules += ' uea12';
+    rules += ' ugb12';
+    rules += ' uhd12';
+    rules += ' uje12';
+    rules += ' u2NhKxcl12';
+    rules += ' uic12';
+    rules += ' -_6BNtrc-b12';
+    rules += ' vx12';
+    rules += ' xb12';
+    rules += ' _xa12';
+    rules += ' _Fd12';
+    rules += ' _FnuYUweb12';
+    if (props.isDisabled) rules += ' pp12';
+    else {
+        if (props.isPressed) rules += ' pt12';
+        else if (props.isFocusVisible) rules += ' pt12';
+        else if (props.isHovered) rules += ' pt12';
+        else rules += ' pv12';
+    }
+    rules += ' Yd12';
+    rules += ' Xb12';
+    rules += ' _2b12';
+    return rules;
+};
+let $387d58020e2a8028$export$31d1842a0fd736e6 = " sd12 z2U5Crc12 y2U5Crc12 B2U5Crc12 AvoofG12 _dc12 eb12";
+let $387d58020e2a8028$export$1ca1ec8b29a4ce27 = " sb12 ZuUmpre12 FuUmpre12 Ht12 Hsu12 -_8sjo0b-t5ZbAob12";
+let $387d58020e2a8028$var$image = " z2U5Crc12 y2U5Crc12 B2U5Crc12 AvoofG12 Ht12 Hsu12 _dc12 oa12 na12 ka12 ja12 ZC12 fa12 _Hb12";
+let $387d58020e2a8028$var$actionButtonGroup = " zkG38H12 ykG38H12 BkG38H12 AvoofG12 _dc12 __Ac12 It12 Isu12";
+let $387d58020e2a8028$var$listActionMenu = " z6Nrfjc12 y6Nrfjc12 B6Nrfjc12 AvoofG12 _dc12";
+const $387d58020e2a8028$var$listCheckbox = function anonymous(props) {
+    let rules = " ";
+    rules += ' z2CW8rb12';
+    rules += ' y2CW8rb12';
+    rules += ' B2CW8rb12';
+    rules += ' AvoofG12';
+    rules += ' _dc12';
+    rules += ' Hv12';
+    if (props.isDisabled) rules += ' _6b12';
+    else rules += ' _6c12';
+    return rules;
+};
+const $387d58020e2a8028$var$listTrailingIcon = " znWsohc12 ynWsohc12 BnWsohc12 AvoofG12 _dc12 sd12 eb12 It12 Isu12";
+const $387d58020e2a8028$var$centeredWrapper = " sd12 eb12 _Ca12 Za12 Fb12";
+const $387d58020e2a8028$var$loadingSpinnerWrapper = " TuNalie12 QuNalie12 SuNalie12 RuNalie12";
+const $387d58020e2a8028$var$emptyStateWrapper = " sd12 eb12 _Ca12 Za12 Fb12 _oa12 Tf12 Qf12 Sf12 Rf12";
+function $387d58020e2a8028$var$ListSelectionCheckbox({ isDisabled: isDisabled }) {
+    let selectionContext = (0, $jpFeb$reactariacomponents.useSlottedContext)((0, $jpFeb$reactariacomponents.CheckboxContext), 'selection');
+    let isSelectionDisabled = isDisabled || !!selectionContext?.isDisabled;
+    return /*#__PURE__*/ (0, $jpFeb$reactjsxruntime.jsx)("div", {
+        className: $387d58020e2a8028$var$listCheckbox({
+            isDisabled: isSelectionDisabled
+        }),
+        children: /*#__PURE__*/ (0, $jpFeb$reactjsxruntime.jsx)((0, $af04e099a53d3e85$exports.Checkbox), {
+            slot: "selection"
+        })
+    });
+}
+function $387d58020e2a8028$var$isNextSelected(id, state) {
+    if (id == null || !state) return false;
+    let keyAfter = state.collection.getKeyAfter(id);
+    return keyAfter != null && state.selectionManager.isSelected(keyAfter);
+}
+function $387d58020e2a8028$var$isPrevSelected(id, state) {
+    if (id == null || !state) return false;
+    let keyBefore = state.collection.getKeyBefore(id);
+    return keyBefore != null && state.selectionManager.isSelected(keyBefore);
+}
+function $387d58020e2a8028$var$isFirstItem(id, state) {
+    if (id == null || !state) return false;
+    return state.collection.getFirstKey() === id;
+}
+function $387d58020e2a8028$var$isLastItem(id, state) {
+    if (id == null || !state) return false;
+    return state.collection.getLastKey() === id;
+}
+function $387d58020e2a8028$export$c6bde0c04b033c0e(props1) {
+    let ref = (0, $jpFeb$react.useRef)(null);
+    let { hasChildItems: hasChildItems, ...otherProps } = props1;
+    let isLink = props1.href != null;
+    let isLinkOut = isLink && props1.target === '_blank';
+    let { isQuiet: isQuiet, selectionStyle: selectionStyle, overflowMode: overflowMode, scale: scale, hideLinkOutIcon: hideLinkOutIcon = false } = (0, $jpFeb$react.useContext)($387d58020e2a8028$var$InternalListViewContext);
+    let textValue = props1.textValue || (typeof props1.children === 'string' ? props1.children : undefined);
+    let { direction: direction } = (0, $jpFeb$reactaria.useLocale)();
+    let hasTrailingIcon = hasChildItems || isLinkOut && !hideLinkOutIcon;
+    return /*#__PURE__*/ (0, $jpFeb$reactjsxruntime.jsx)((0, $jpFeb$reactariacomponents.GridListItem), {
+        ...otherProps,
+        textValue: textValue,
+        ref: ref,
+        ...hasTrailingIcon ? {
+            'data-has-trailing-icon': ''
+        } : {},
+        className: (renderProps)=>$387d58020e2a8028$var$listitem({
+                ...renderProps,
+                isLink: isLink,
+                isQuiet: isQuiet,
+                scale: scale,
+                selectionStyle: selectionStyle,
+                isPrevNotSelected: !$387d58020e2a8028$var$isPrevSelected(renderProps.id, renderProps.state),
+                isNextSelected: $387d58020e2a8028$var$isNextSelected(renderProps.id, renderProps.state),
+                isNextNotSelected: !$387d58020e2a8028$var$isNextSelected(renderProps.id, renderProps.state),
+                isFirstItem: $387d58020e2a8028$var$isFirstItem(renderProps.id, renderProps.state),
+                isLastItem: $387d58020e2a8028$var$isLastItem(renderProps.id, renderProps.state)
+            }),
+        children: (renderProps)=>{
+            let { children: children } = props1;
+            let { selectionMode: selectionMode, selectionBehavior: selectionBehavior, isDisabled: isDisabled, id: id, state: state } = renderProps;
+            return /*#__PURE__*/ (0, $jpFeb$reactjsxruntime.jsxs)((0, $jpFeb$reactariacomponents.Provider), {
+                values: [
+                    [
+                        (0, $6367bc87eb7d24ad$exports.TextContext),
+                        {
+                            slots: {
+                                [(0, $jpFeb$reactariacomponents.DEFAULT_SLOT)]: {
+                                    styles: $387d58020e2a8028$export$1237798dc640739a({
+                                        ...renderProps,
+                                        overflowMode: overflowMode
+                                    })
+                                },
+                                label: {
+                                    styles: $387d58020e2a8028$export$1237798dc640739a({
+                                        ...renderProps,
+                                        overflowMode: overflowMode
+                                    })
+                                },
+                                description: {
+                                    styles: $387d58020e2a8028$export$6d59db4903f20f7d({
+                                        ...renderProps,
+                                        overflowMode: overflowMode
+                                    })
+                                }
+                            }
+                        }
+                    ],
+                    [
+                        (0, $bde97c91243ed164$exports.IconContext),
+                        {
+                            slots: {
+                                icon: {
+                                    render: (0, $e991cbcdf82ced71$exports.centerBaseline)({
+                                        slot: 'icon',
+                                        styles: $387d58020e2a8028$export$31d1842a0fd736e6
+                                    }),
+                                    styles: $387d58020e2a8028$export$1ca1ec8b29a4ce27
+                                }
+                            }
+                        }
+                    ],
+                    [
+                        (0, $053b76ed3d29e13b$exports.ImageContext),
+                        {
+                            styles: $387d58020e2a8028$var$image
+                        }
+                    ],
+                    [
+                        (0, $7a26131f6144af2b$exports.ActionButtonGroupContext),
+                        {
+                            styles: $387d58020e2a8028$var$actionButtonGroup,
+                            size: 'S',
+                            isQuiet: true
+                        }
+                    ],
+                    [
+                        (0, $e5a758dd286599f2$exports.ActionMenuContext),
+                        {
+                            styles: $387d58020e2a8028$var$listActionMenu,
+                            isQuiet: true,
+                            size: 'S',
+                            isDisabled: isDisabled
+                        }
+                    ]
+                ],
+                children: [
+                    /*#__PURE__*/ (0, $jpFeb$reactjsxruntime.jsx)("div", {
+                        className: $387d58020e2a8028$var$listRowBackground({
+                            ...renderProps,
+                            selectionStyle: selectionStyle,
+                            isQuiet: isQuiet,
+                            isPrevSelected: $387d58020e2a8028$var$isPrevSelected(id, state),
+                            isNextSelected: $387d58020e2a8028$var$isNextSelected(id, state),
+                            isPrevNotSelected: !$387d58020e2a8028$var$isPrevSelected(id, state),
+                            isNextNotSelected: !$387d58020e2a8028$var$isNextSelected(id, state),
+                            isFirstItem: $387d58020e2a8028$var$isFirstItem(id, state),
+                            isLastItem: $387d58020e2a8028$var$isLastItem(id, state)
+                        })
+                    }),
+                    selectionMode !== 'none' && selectionBehavior === 'toggle' && /*#__PURE__*/ (0, $jpFeb$reactjsxruntime.jsx)($387d58020e2a8028$var$ListSelectionCheckbox, {
+                        isDisabled: isDisabled
+                    }),
+                    typeof children === 'string' ? /*#__PURE__*/ (0, $jpFeb$reactjsxruntime.jsx)((0, $6367bc87eb7d24ad$exports.Text), {
+                        slot: "label",
+                        children: children
+                    }) : children,
+                    isLinkOut && !hideLinkOutIcon && /*#__PURE__*/ (0, $jpFeb$reactjsxruntime.jsx)("div", {
+                        className: $387d58020e2a8028$var$listTrailingIcon,
+                        children: /*#__PURE__*/ (0, $jpFeb$reactjsxruntime.jsx)((0, $377d9a1b51957cfd$exports.default), {
+                            size: "M",
+                            className: function anonymous(props) {
+                                let rules = " ";
+                                if (props.direction === "rtl") {
+                                    rules += ' -Z4Pn4c-a12';
+                                    rules += ' __Ha12';
+                                }
+                                rules += ' -_8sjo0b-t5ZbAob12';
+                                return rules;
+                            }({
+                                direction: direction
+                            })
+                        })
+                    }),
+                    hasChildItems && !isLinkOut && /*#__PURE__*/ (0, $jpFeb$reactjsxruntime.jsx)("div", {
+                        className: $387d58020e2a8028$var$listTrailingIcon,
+                        children: /*#__PURE__*/ (0, $jpFeb$reactjsxruntime.jsx)((0, $1df9f1c9262ce5df$exports.default), {
+                            className: function anonymous(props) {
+                                let rules = " ";
+                                if (props.direction === "rtl") {
+                                    rules += ' -Z4Pn4c-a12';
+                                    rules += ' __Ha12';
+                                } else if (props.direction === "ltr") {
+                                    rules += ' -Z4Pn4c-b12';
+                                    rules += ' __Ha12';
+                                }
+                                if (props.direction === "rtl") {
+                                    rules += ' -_04Pn4c-a12';
+                                    rules += ' __Ha12';
+                                } else if (props.direction === "ltr") {
+                                    rules += ' -_04Pn4c-b12';
+                                    rules += ' __Ha12';
+                                }
+                                rules += ' -_8sjo0b-t5ZbAob12';
+                                return rules;
+                            }({
+                                direction: direction
+                            })
+                        })
+                    })
+                ]
+            });
+        }
+    });
+}
+
+
+//# sourceMappingURL=ListView.cjs.map