import {aO as N, h as f, a as v, j as n, B as b, b as _, d as w, aP as R, aQ as B, aR as C} from "./index-CdMy-Rhi.js";
const [W,z] = N("List component was not found in tree");
var h = {
    root: "m_abbac491",
    item: "m_abb6bec2",
    itemWrapper: "m_75cd9f71",
    itemIcon: "m_60f83e5b"
};
const A = {}
  , u = f( (a, e) => {
    const t = v("ListItem", A, a)
      , {classNames: c, className: r, style: l, styles: m, vars: L, icon: p, children: d, mod: y, ...g} = t
      , s = z()
      , i = p || s.icon
      , o = {
        classNames: c,
        styles: m
    };
    return n.jsx(b, {
        ...s.getStyles("item", {
            ...o,
            className: r,
            style: l
        }),
        component: "li",
        mod: [{
            "with-icon": !!i,
            centered: s.center
        }, y],
        ref: e,
        ...g,
        children: n.jsxs("div", {
            ...s.getStyles("itemWrapper", o),
            children: [i && n.jsx("span", {
                ...s.getStyles("itemIcon", o),
                children: i
            }), n.jsx("span", {
                ...s.getStyles("itemLabel", o),
                children: d
            })]
        })
    })
}
);
u.classes = h;
u.displayName = "@mantine/core/ListItem";
const E = {
    type: "unordered"
}
  , F = w( (a, {size: e, spacing: t}) => ({
    root: {
        "--list-fz": R(e),
        "--list-lh": B(e),
        "--list-spacing": C(t)
    }
}))
  , x = f( (a, e) => {
    const t = v("List", E, a)
      , {classNames: c, className: r, style: l, styles: m, unstyled: L, vars: p, children: d, type: y, withPadding: g, icon: s, spacing: i, center: o, listStyleType: j, mod: P, ...I} = t
      , S = _({
        name: "List",
        classes: h,
        props: t,
        className: r,
        style: l,
        classNames: c,
        styles: m,
        unstyled: L,
        vars: p,
        varsResolver: F
    });
    return n.jsx(W, {
        value: {
            center: o,
            icon: s,
            getStyles: S
        },
        children: n.jsx(b, {
            ...S("root", {
                style: {
                    listStyleType: j
                }
            }),
            component: y === "unordered" ? "ul" : "ol",
            mod: [{
                "with-padding": g
            }, P],
            ref: e,
            ...I,
            children: d
        })
    })
}
);
x.classes = h;
x.displayName = "@mantine/core/List";
x.Item = u;
export {x as L};