@telefonica/mistica 17.3.0 → 17.5.0

package/dist-es/sidenav-bar-panel.js

@@ -0,0 +1,146 @@
+'use client';
+import { jsx as i, jsxs as E } from "react/jsx-runtime";
+import * as o from "react";
+import v from "classnames";
+import { doublePanelContent as L, doublePanelTitle as T, sectionTitleVariant as b, panelRows as R, doublePanelColumn as k, regionBackground as O, dialogPanel as S, dialogPanelTitle as z } from "./sidenav-bar.css-mistica.js";
+import { useSidenavBarContext as h } from "./sidenav-bar-context.js";
+import { getItemFocusables as B, useDialogPanelKeyboard as F } from "./sidenav-bar-keyboard.js";
+import { Portal as D } from "./portal.js";
+import { Text2 as w } from "./text.js";
+import { listenResize as H } from "./utils/dom.js";
+import { combineRefs as M } from "./utils/common.js";
+import { ThemeVariant as V } from "./theme-variant-context.js";
+const g = 8, j = (s)=>{
+    const { setPanelOpenForItemId: e } = h();
+    o.useEffect(()=>{
+        const l = (a)=>{
+            if (!s) return;
+            const u = a.composedPath();
+            if (u.includes(s)) return;
+            u.some((c)=>c instanceof Element && c.matches('[data-parent-item="true"]')) || e(null);
+        }, n = (a)=>{
+            a.key === "Escape" && e(null);
+        };
+        return document.addEventListener("click", l), document.addEventListener("keydown", n), ()=>{
+            document.removeEventListener("click", l), document.removeEventListener("keydown", n);
+        };
+    }, [
+        s,
+        e
+    ]);
+}, X = (param)=>{
+    let { id: s, itemId: e, label: l, containerRef: n, children: a } = param;
+    const { setPanelOpenForItemId: u } = h(), [t, c] = o.useState(null), [d, f] = o.useState(null), m = o.useId();
+    return j(t), F({
+        panelElement: t,
+        containerRef: n,
+        itemId: e,
+        isPositioned: d !== null,
+        onClose: ()=>u(null)
+    }), o.useEffect(()=>{
+        const r = ()=>{
+            const p = n.current;
+            if (!p) return;
+            const P = p.querySelector(`[data-sidenav-item-id="${e}"]`);
+            if (!P) return;
+            var _t_offsetHeight;
+            const I = p.getBoundingClientRect(), x = P.getBoundingClientRect(), N = (_t_offsetHeight = t === null || t === void 0 ? void 0 : t.offsetHeight) !== null && _t_offsetHeight !== void 0 ? _t_offsetHeight : 0, C = window.innerHeight - N - g;
+            f({
+                top: Math.max(g, Math.min(x.top, C)),
+                left: I.right + 8
+            });
+        };
+        r();
+        const y = t ? H(t, r) : void 0;
+        return window.addEventListener("resize", r), ()=>{
+            y === null || y === void 0 ? void 0 : y(), window.removeEventListener("resize", r);
+        };
+    }, [
+        e,
+        n,
+        t
+    ]), /* @__PURE__ */ i(D, {
+        children: /* @__PURE__ */ i("div", {
+            ref: c,
+            id: s,
+            className: S,
+            "data-sidenav-dialog-panel": e,
+            style: d ? {
+                position: "fixed",
+                top: d.top,
+                left: d.left
+            } : // The panel needs its own height to know whether it fits below the
+            // trigger, so it stays hidden for the render that precedes the
+            // measurement instead of flashing at a placeholder position.
+            {
+                position: "fixed",
+                top: 0,
+                left: 0,
+                visibility: "hidden"
+            },
+            children: /* @__PURE__ */ E(V, {
+                variant: "default",
+                children: [
+                    /* @__PURE__ */ i("div", {
+                        id: m,
+                        className: v(z, b.default),
+                        "aria-hidden": "true",
+                        children: /* @__PURE__ */ i(w, {
+                            medium: !0,
+                            color: "inherit",
+                            children: l
+                        })
+                    }),
+                    /* @__PURE__ */ i("div", {
+                        className: R,
+                        role: "list",
+                        "aria-labelledby": m,
+                        children: a
+                    })
+                ]
+            })
+        })
+    });
+}, Y = /*#__PURE__*/ o.forwardRef((param, u)=>{
+    let { itemId: s, label: e, variant: l, backgroundColor: n, children: a } = param;
+    const { containerRef: t } = h(), c = o.useRef(null), d = o.useId();
+    return o.useEffect(()=>{
+        var _B_;
+        const f = c.current, m = t.current;
+        if (!f || !m) return;
+        const r = document.activeElement;
+        r && r !== document.body && !m.contains(r) || ((_B_ = B(f)[0]) === null || _B_ === void 0 ? void 0 : _B_.focus());
+    }, [
+        s,
+        t
+    ]), /* @__PURE__ */ i("div", {
+        ref: M(u, c),
+        className: v(k, O[l]),
+        style: n ? {
+            backgroundColor: n
+        } : void 0,
+        "data-sidenav-double-panel": s,
+        children: /* @__PURE__ */ E("div", {
+            className: L,
+            children: [
+                /* @__PURE__ */ i("div", {
+                    id: d,
+                    className: v(T, b[l]),
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ i(w, {
+                        medium: !0,
+                        color: "inherit",
+                        children: e
+                    })
+                }),
+                /* @__PURE__ */ i("div", {
+                    className: R,
+                    role: "list",
+                    "aria-labelledby": d,
+                    children: a
+                })
+            ]
+        })
+    });
+});
+export { X as SidenavDialogPanel, Y as SidenavDoublePanel };

package/dist-es/sidenav-bar-row.js

@@ -0,0 +1,208 @@
+'use client';
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import { jsx as t, jsxs as x, Fragment as j } from "react/jsx-runtime";
+import i from "classnames";
+import { itemAsset as D, itemAssetVariant as k, itemLabelContent as B, itemLabel as E, itemLabelKeepsWidth as K, itemLabelFrozenWidth as q, itemLabelCollapsed as G, itemTouchable as H, itemTouchableVariant as J, itemTouchableCollapsed as M, itemTouchableSelected as O, itemRightSlot as Q, itemRightSlotCollapsed as U, itemChevron as X, itemChevronVariant as Y, itemChevronCollapsed as Z, itemChevronRotated as _, itemRow as $, itemAccent as ee, itemAccentVariant as te } from "./sidenav-bar.css-mistica.js";
+import { useSidenavBarContext as A } from "./sidenav-bar-context.js";
+import { useRestWidth as ae } from "./sidenav-bar-motion.js";
+import { getPrefixedDataAttributes as ie } from "./utils/dom.js";
+import { useThemeVariant as re } from "./theme-variant-context.js";
+import T from "./touchable.js";
+import ne from "./tooltip.js";
+import { Text2 as oe } from "./text.js";
+import se from "./icons/icon-chevron.js";
+const we = (param)=>{
+    let { id: s, label: e, asset: a, showAsset: r = !0, rightSlot: l, showBackground: S = !1, showAccent: R = !1, labelId: g, chevron: h, placement: P, tooltip: W = !1, navigation: b, toggle: c, current: L = !1, dataAttributes: V } = param;
+    const n = re(), { collapseState: y } = A(), u = P === "panel" ? "expanded" : y, o = u === "collapsed" || u === "collapsing", p = u !== "expanded";
+    let d = null;
+    typeof a == "function" ? d = /* @__PURE__ */ t(a, {
+        size: 20,
+        color: "currentColor"
+    }) : a && (d = a);
+    const z = r && d ? /* @__PURE__ */ t("span", {
+        className: i(D, k[n]),
+        children: d
+    }) : null, { ref: F, frozenWidth: m } = ae(p), I = /* @__PURE__ */ t("div", {
+        ref: F,
+        id: g,
+        className: i(E, {
+            [G]: o,
+            [q]: m !== void 0,
+            [K]: p && m === void 0
+        }),
+        style: m !== void 0 ? {
+            width: m
+        } : void 0,
+        children: /* @__PURE__ */ t("div", {
+            className: B,
+            children: /* @__PURE__ */ t(oe, {
+                regular: !0,
+                color: "inherit",
+                children: e
+            })
+        })
+    }), f = i(H, J[n], {
+        [O[n]]: S,
+        [M]: o
+    }), v = /* @__PURE__ */ x(j, {
+        children: [
+            z,
+            I,
+            l && /* @__PURE__ */ t("span", {
+                className: i(Q, {
+                    [U]: o
+                }),
+                children: l
+            }),
+            h && /* @__PURE__ */ t("span", {
+                className: i(X, Y[n], {
+                    [_]: h.rotated,
+                    [Z]: o
+                }),
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ t(se, {
+                    size: 16,
+                    color: "currentColor",
+                    direction: h.direction
+                })
+            })
+        ]
+    }), C = L ? "page" : void 0, N = c ? /* @__PURE__ */ t(T, {
+        className: f,
+        onPress: c.onPress,
+        "aria-expanded": c.expanded,
+        "aria-controls": c.controls,
+        "aria-label": e,
+        dataAttributes: {
+            "parent-item": "true"
+        },
+        children: v
+    }) : b ? /* @__PURE__ */ t(T, _object_spread_props(_object_spread({}, b), {
+        className: f,
+        "aria-current": C,
+        "aria-label": o ? e : void 0,
+        children: v
+    })) : /* @__PURE__ */ t("div", {
+        className: f,
+        "aria-current": C,
+        children: v
+    }), w = _object_spread({
+        testid: "SidenavItem"
+    }, V);
+    return s && (w["sidenav-item-id"] = s), /* @__PURE__ */ x("div", _object_spread_props(_object_spread({
+        className: $
+    }, ie(w)), {
+        children: [
+            R && /* @__PURE__ */ t("div", {
+                className: i(ee, te[n])
+            }),
+            W ? /* @__PURE__ */ t(ne, {
+                position: "right",
+                description: e,
+                target: N,
+                targetStyle: {
+                    flex: 1,
+                    minWidth: 0
+                }
+            }) : N
+        ]
+    }));
+}, xe = (s, e)=>{
+    const { selectItemAndClosePanel: a } = A(), r = (l)=>()=>_async_to_generator(function*() {
+                a(s !== null && s !== void 0 ? s : null), yield l === null || l === void 0 ? void 0 : l();
+            })();
+    if (e.onPress) return {
+        onPress: r(e.onPress)
+    };
+    if (e.href !== void 0) return {
+        href: e.href,
+        newTab: e.newTab,
+        onNavigate: r(e.onNavigate)
+    };
+    if (e.to !== void 0) return {
+        to: e.to,
+        newTab: e.newTab,
+        onNavigate: r(e.onNavigate)
+    };
+};
+export { we as SidenavRow, xe as useSidenavNavigation };

package/dist-es/sidenav-bar-second-level-item.js

@@ -0,0 +1,72 @@
+'use client';
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import { jsx as t } from "react/jsx-runtime";
+import { useSidenavBarContext as v } from "./sidenav-bar-context.js";
+import { useSidenavNavigation as S, SidenavRow as g } from "./sidenav-bar-row.js";
+const h = (_param)=>{
+    var { id: e, label: o, asset: r, rightSlot: a, placement: s, dataAttributes: d } = _param, c = _object_without_properties(_param, [
+        "id",
+        "label",
+        "asset",
+        "rightSlot",
+        "placement",
+        "dataAttributes"
+    ]);
+    const { selectedItemId: l } = v(), i = S(e, c), n = l === e;
+    return /* @__PURE__ */ t("div", {
+        role: "listitem",
+        children: /* @__PURE__ */ t(g, {
+            id: e,
+            label: o,
+            asset: r,
+            rightSlot: a,
+            showBackground: n,
+            showAccent: n,
+            current: n,
+            placement: s,
+            navigation: i,
+            dataAttributes: d
+        })
+    });
+}, b = (e, param)=>{
+    let { placement: o } = param;
+    return /* @__PURE__ */ t(h, {
+        id: e.id,
+        label: e.label,
+        asset: e.asset,
+        rightSlot: e.rightSlot,
+        placement: o,
+        href: e.href,
+        to: e.to,
+        onPress: e.onPress,
+        newTab: e.newTab,
+        onNavigate: e.onNavigate
+    }, e.id);
+};
+export { h as SidenavSecondLevelItem, b as renderSidenavSecondLevelItem };

package/dist-es/sidenav-bar-section.js

@@ -0,0 +1,112 @@
+'use client';
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import { jsxs as T, jsx as e } from "react/jsx-runtime";
+import * as u from "react";
+import x from "classnames";
+import { section as S, sectionDividerTop as N, sectionTitleContent as W, sectionTitle as b, sectionTitleVariant as C, sectionTitleKeepsWidth as D, sectionTitleCollapsed as g, sectionTitleHidden as R, sectionContent as V, sectionDividerBottom as j } from "./sidenav-bar.css-mistica.js";
+import { useThemeVariant as y } from "./theme-variant-context.js";
+import { getPrefixedDataAttributes as B } from "./utils/dom.js";
+import r from "./divider.js";
+import { Text2 as H } from "./text.js";
+import { useSidenavBarContext as I } from "./sidenav-bar-context.js";
+import { useRestWidth as K } from "./sidenav-bar-motion.js";
+import { getSidenavSectionTitle as w } from "./sidenav-bar-data.js";
+const M = (param)=>{
+    let { title: n, dividerTop: d, dividerBottom: a, children: l, dataAttributes: c } = param;
+    const { collapsed: m, collapseState: p } = I(), v = y(), { text: f, isHeadingVisible: t } = w(n), o = u.useId(), s = t && p !== "expanded", { ref: h, frozenWidth: i } = K(s);
+    return /* @__PURE__ */ T("div", _object_spread_props(_object_spread({
+        className: S
+    }, B(_object_spread({
+        testid: "SidenavSection"
+    }, c))), {
+        children: [
+            d && /* @__PURE__ */ e("div", {
+                className: N,
+                children: /* @__PURE__ */ e(r, {})
+            }),
+            /* @__PURE__ */ e("div", {
+                ref: h,
+                id: o,
+                "aria-hidden": "true",
+                className: x(b, C[v], {
+                    [R]: !t,
+                    [g]: t && m,
+                    [D]: s && i === void 0
+                }),
+                style: i !== void 0 ? {
+                    width: i
+                } : void 0,
+                children: /* @__PURE__ */ e("div", {
+                    className: W,
+                    children: /* @__PURE__ */ e(H, {
+                        medium: !0,
+                        color: "inherit",
+                        children: f
+                    })
+                })
+            }),
+            /* @__PURE__ */ e("div", {
+                className: V,
+                role: "list",
+                "aria-labelledby": o,
+                children: l
+            }),
+            a && /* @__PURE__ */ e("div", {
+                className: j,
+                children: /* @__PURE__ */ e(r, {})
+            })
+        ]
+    }));
+};
+export { M as SidenavSection };

package/dist-es/sidenav-bar-types.js

@@ -0,0 +1,2 @@
+const i = (n)=>n === "collapsing" || n === "expanding";
+export { i as isSidenavMoving };

package/dist-es/sidenav-bar.css-mistica.js

@@ -0,0 +1,74 @@
+/* empty css                                     */ /* empty css                                       */ var i = 240, v = 72, n = 32, a = "var(--v17_5_e1inx40)", r = "var(--v17_5_e1inx41)", t = 350, x = 400, o = "var(--v17_5_e1inx42)", l = "var(--v17_5_e1inx43)", d = "v17_5_e1inx44", c = "v17_5_e1inx46 v17_5_e1inx45 v17_5_1y2v1nfre v17_5_1y2v1nfrj", s = "v17_5_e1inx48 v17_5_e1inx47 v17_5_1y2v1nfre v17_5_1y2v1nfrk", m = {
+    default: "v17_5_e1inx49",
+    brand: "v17_5_e1inx4a",
+    alternative: "v17_5_e1inx4b",
+    negative: "v17_5_e1inx4c",
+    media: "v17_5_e1inx4d"
+}, b = {
+    default: "v17_5_e1inx4e",
+    brand: "v17_5_e1inx4f",
+    alternative: "v17_5_e1inx4g",
+    negative: "v17_5_e1inx4h",
+    media: "v17_5_e1inx4i"
+}, u = "v17_5_e1inx4j", h = "v17_5_e1inx4k", p = "v17_5_e1inx4l", C = "v17_5_e1inx4m", g = "v17_5_e1inx4n", f = "v17_5_e1inx4o", T = "v17_5_e1inx4p", S = "v17_5_e1inx4q", D = "v17_5_e1inx4r", A = "v17_5_e1inx4s", L = "v17_5_e1inx4t", y = "v17_5_e1inx4u", V = "v17_5_e1inx4v", P = "v17_5_e1inx4w", R = "v17_5_e1inx4x", W = "v17_5_e1inx4y", B = "v17_5_e1inx4z", w = "v17_5_e1inx410", O = "v17_5_e1inx411", k = {
+    default: "v17_5_e1inx412",
+    brand: "v17_5_e1inx413",
+    alternative: "v17_5_e1inx414",
+    negative: "v17_5_e1inx415",
+    media: "v17_5_e1inx416"
+}, I = "v17_5_e1inx417", E = "v17_5_e1inx418", F = "v17_5_e1inx419", N = "v17_5_e1inx41a", j = "v17_5_e1inx41b", z = "v17_5_e1inx41c", q = {
+    default: "v17_5_e1inx41d",
+    brand: "v17_5_e1inx41e",
+    alternative: "v17_5_e1inx41f",
+    negative: "v17_5_e1inx41g",
+    media: "v17_5_e1inx41h"
+}, H = "v17_5_e1inx41i", M = "v17_5_e1inx41j", U = "v17_5_e1inx41k", K = "v17_5_e1inx41l", G = "v17_5_e1inx41m v17_5_e1inx41l", Z = "v17_5_e1inx41o v17_5_e1inx41n", J = "v17_5_e1inx41p v17_5_e1inx41n", Q = "v17_5_e1inx41q", X = "v17_5_e1inx41r", Y = {
+    default: "v17_5_e1inx41s",
+    brand: "v17_5_e1inx41t",
+    alternative: "v17_5_e1inx41u",
+    negative: "v17_5_e1inx41v",
+    media: "v17_5_e1inx41w"
+}, $ = "v17_5_e1inx41x", ee = {
+    default: "v17_5_e1inx41y",
+    brand: "v17_5_e1inx41z",
+    alternative: "v17_5_e1inx420",
+    negative: "v17_5_e1inx421",
+    media: "v17_5_e1inx422"
+}, _e = "v17_5_e1inx423", ie = {
+    default: "v17_5_e1inx424",
+    brand: "v17_5_e1inx425",
+    alternative: "v17_5_e1inx426",
+    negative: "v17_5_e1inx427",
+    media: "v17_5_e1inx428"
+}, ve = "v17_5_e1inx429", ne = {
+    default: "v17_5_e1inx42a",
+    brand: "v17_5_e1inx42b",
+    alternative: "v17_5_e1inx42c",
+    negative: "v17_5_e1inx42d",
+    media: "v17_5_e1inx42e"
+}, ae = "v17_5_e1inx42f", re = "v17_5_e1inx42g", te = "v17_5_e1inx42h", xe = "v17_5_e1inx42i", oe = "v17_5_e1inx42j", le = "v17_5_e1inx42k", de = "v17_5_e1inx42l", ce = "v17_5_e1inx42m", se = "v17_5_e1inx42n", me = "v17_5_e1inx42o", be = {
+    default: "v17_5_e1inx42p",
+    brand: "v17_5_e1inx42q",
+    alternative: "v17_5_e1inx42r",
+    negative: "v17_5_e1inx42s",
+    media: "v17_5_e1inx42t"
+}, ue = "v17_5_e1inx42u", he = {
+    enter: "v17_5_e1inx42v",
+    enterActive: "v17_5_e1inx42w",
+    exit: "v17_5_e1inx42x",
+    exitActive: "v17_5_e1inx42y"
+}, pe = "v17_5_e1inx42z", Ce = "v17_5_e1inx430", ge = "v17_5_e1inx431", fe = "v17_5_e1inx432", Te = "v17_5_e1inx433", Se = "v17_5_e1inx434", De = {
+    appear: "v17_5_e1inx435",
+    appearActive: "v17_5_e1inx436",
+    enter: "v17_5_e1inx435",
+    enterActive: "v17_5_e1inx436",
+    exit: "v17_5_e1inx437",
+    exitActive: "v17_5_e1inx438"
+}, Ae = "v17_5_e1inx439", Le = "v17_5_e1inx43a", ye = {
+    default: "v17_5_e1inx43b",
+    brand: "v17_5_e1inx43c",
+    alternative: "v17_5_e1inx43d",
+    negative: "v17_5_e1inx43e",
+    media: "v17_5_e1inx43f"
+};
+export { v as COLLAPSED_WIDTH, t as COLLAPSE_DURATION_MS, x as CONTENT_DURATION_MS, i as DEFAULT_WIDTH, n as LOGO_SIZE, pe as accordion, ue as accordionContainer, Ce as accordionRows, he as accordionTransitionClasses, y as bodyBase, B as bodyContent, W as bodyWithFixedFooter, h as boxed, p as boxedBorder, o as collapseDurationVar, ye as columnSeparator, u as columnsWhileMoving, c as container, l as contentDurationVar, fe as dialogPanel, Te as dialogPanelTitle, Se as doublePanelColumn, Ae as doublePanelContent, Le as doublePanelTitle, De as doublePanelTransitionClasses, I as footerBase, E as footerCollapsed, F as footerFixed, O as footerScrollDivider, P as footerScrollSpacer, C as headerBase, g as headerControls, f as headerControlsCollapsed, d as headerNegativeBoxedBackground, V as headerScrollSpacer, A as headerSlot, L as headerSlotCollapsed, _e as itemAccent, ie as itemAccentVariant, ve as itemAsset, ne as itemAssetVariant, ce as itemChevron, se as itemChevronCollapsed, me as itemChevronRotated, be as itemChevronVariant, ae as itemLabel, te as itemLabelCollapsed, re as itemLabelContent, xe as itemLabelFrozenWidth, oe as itemLabelKeepsWidth, le as itemRightSlot, de as itemRightSlotCollapsed, Q as itemRow, X as itemTouchable, $ as itemTouchableCollapsed, ee as itemTouchableSelected, Y as itemTouchableVariant, T as logo, D as logoCollapsed, S as logoDefault, s as mainColumn, ge as panelRows, b as regionBackground, w as scrollDivider, k as scrollDividerVariant, R as scrollSpacerDivider, N as section, K as sectionContent, J as sectionDividerBottom, Z as sectionDividerTop, j as sectionTitle, H as sectionTitleCollapsed, z as sectionTitleContent, M as sectionTitleHidden, U as sectionTitleKeepsWidth, q as sectionTitleVariant, r as sidenavPanelWidthVar, a as sidenavWidthVar, G as standaloneItem, m as withRightDivider };