@ultraviolet/plus
Version:
Ultraviolet Plus
37 lines (36 loc) • 5.26 kB
JavaScript
"use client";
;
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const jsxRuntime = require("@emotion/react/jsx-runtime");
const _styled = require("@emotion/styled/base");
const ui = require("@ultraviolet/ui");
const react = require("react");
const NavigationProvider = require("./NavigationProvider.cjs");
const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
const HeaderContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
target: "ejjkcpm1"
} : {
target: "ejjkcpm1",
label: "HeaderContainer"
})("background:", ({
theme
}) => theme.colors.neutral.background, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9IZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFrQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL05hdmlnYXRpb24vSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHsgbWVtbyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlTmF2aWdhdGlvbiB9IGZyb20gJy4vTmF2aWdhdGlvblByb3ZpZGVyJ1xuaW1wb3J0IHR5cGUgeyBOYXZpZ2F0aW9uUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5jb25zdCBIZWFkZXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9O1xuYFxuXG5jb25zdCBMb2dvQ29udGFpbmVyID0gc3R5bGVkKFN0YWNrKWBcbiAgbWFyZ2luOiAkeyh7IHRoZW1lIH0pID0+XG4gICAgYCR7dGhlbWUuc3BhY2VbJzMnXX0gJHt0aGVtZS5zcGFjZVsnMyddfSAke3RoZW1lLnNwYWNlWycyJ119ICR7dGhlbWUuc3BhY2VbJzMnXX1gfTtcbiAgbWF4LXdpZHRoOiAyMjBweDtcbiAgaGVpZ2h0OiAyMnB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuYFxuXG50eXBlIEhlYWRlclByb3BzID0ge1xuICBsb2dvOiBOYXZpZ2F0aW9uUHJvcHNbJ2xvZ28nXVxufVxuXG5leHBvcnQgY29uc3QgSGVhZGVyID0gbWVtbygoeyBsb2dvIH06IEhlYWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IHsgYW5pbWF0aW9uLCBleHBhbmRlZCB9ID0gdXNlTmF2aWdhdGlvbigpXG5cbiAgcmV0dXJuIChcbiAgICA8SGVhZGVyQ29udGFpbmVyPlxuICAgICAgPExvZ29Db250YWluZXJcbiAgICAgICAganVzdGlmeUNvbnRlbnQ9eyFleHBhbmRlZCA/ICdjZW50ZXInIDogdW5kZWZpbmVkfVxuICAgICAgICBhbGlnbkl0ZW1zPVwic3RhcnRcIlxuICAgICAgPlxuICAgICAgICB7dHlwZW9mIGxvZ28gPT09ICdmdW5jdGlvbicgPyBsb2dvKGFuaW1hdGlvbiA/IGZhbHNlIDogZXhwYW5kZWQpIDogbG9nb31cbiAgICAgIDwvTG9nb0NvbnRhaW5lcj5cbiAgICA8L0hlYWRlckNvbnRhaW5lcj5cbiAgKVxufSlcbiJdfQ== */"));
const LogoContainer = /* @__PURE__ */ _styled__default.default(ui.Stack, process.env.NODE_ENV === "production" ? {
target: "ejjkcpm0"
} : {
target: "ejjkcpm0",
label: "LogoContainer"
})("margin:", ({
theme
}) => `${theme.space["3"]} ${theme.space["3"]} ${theme.space["2"]} ${theme.space["3"]}`, ";max-width:220px;height:22px;overflow:hidden;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9IZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVltQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL05hdmlnYXRpb24vSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHsgbWVtbyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlTmF2aWdhdGlvbiB9IGZyb20gJy4vTmF2aWdhdGlvblByb3ZpZGVyJ1xuaW1wb3J0IHR5cGUgeyBOYXZpZ2F0aW9uUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5jb25zdCBIZWFkZXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9O1xuYFxuXG5jb25zdCBMb2dvQ29udGFpbmVyID0gc3R5bGVkKFN0YWNrKWBcbiAgbWFyZ2luOiAkeyh7IHRoZW1lIH0pID0+XG4gICAgYCR7dGhlbWUuc3BhY2VbJzMnXX0gJHt0aGVtZS5zcGFjZVsnMyddfSAke3RoZW1lLnNwYWNlWycyJ119ICR7dGhlbWUuc3BhY2VbJzMnXX1gfTtcbiAgbWF4LXdpZHRoOiAyMjBweDtcbiAgaGVpZ2h0OiAyMnB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuYFxuXG50eXBlIEhlYWRlclByb3BzID0ge1xuICBsb2dvOiBOYXZpZ2F0aW9uUHJvcHNbJ2xvZ28nXVxufVxuXG5leHBvcnQgY29uc3QgSGVhZGVyID0gbWVtbygoeyBsb2dvIH06IEhlYWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IHsgYW5pbWF0aW9uLCBleHBhbmRlZCB9ID0gdXNlTmF2aWdhdGlvbigpXG5cbiAgcmV0dXJuIChcbiAgICA8SGVhZGVyQ29udGFpbmVyPlxuICAgICAgPExvZ29Db250YWluZXJcbiAgICAgICAganVzdGlmeUNvbnRlbnQ9eyFleHBhbmRlZCA/ICdjZW50ZXInIDogdW5kZWZpbmVkfVxuICAgICAgICBhbGlnbkl0ZW1zPVwic3RhcnRcIlxuICAgICAgPlxuICAgICAgICB7dHlwZW9mIGxvZ28gPT09ICdmdW5jdGlvbicgPyBsb2dvKGFuaW1hdGlvbiA/IGZhbHNlIDogZXhwYW5kZWQpIDogbG9nb31cbiAgICAgIDwvTG9nb0NvbnRhaW5lcj5cbiAgICA8L0hlYWRlckNvbnRhaW5lcj5cbiAgKVxufSlcbiJdfQ== */"));
const Header = react.memo(({
logo
}) => {
const {
animation,
expanded
} = NavigationProvider.useNavigation();
return /* @__PURE__ */ jsxRuntime.jsx(HeaderContainer, { children: /* @__PURE__ */ jsxRuntime.jsx(LogoContainer, { justifyContent: !expanded ? "center" : void 0, alignItems: "start", children: typeof logo === "function" ? logo(animation ? false : expanded) : logo }) });
});
exports.Header = Header;