@smitch/breeze 2.2.35 → 2.2.36

package/lib/navbar/NavBar.d.ts

@@ -1,3 +1,3 @@
 import { NavBarProps } from './types';
-declare const NavBar: ({ brand, brandSrc, brandStyles, links, linkStyles, btnBackground, btnColor, btnLayout, btnSize, children, navStyles, onLinkClick, placement, prefetch, }: NavBarProps) => import("react/jsx-runtime").JSX.Element;
+declare const NavBar: ({ brand, brandSrc, brandStyles, brandAspectRatio, links, linkStyles, btnBackground, btnColor, btnLayout, btnSize, children, navStyles, onLinkClick, placement, prefetch, }: NavBarProps) => import("react/jsx-runtime").JSX.Element;
 export default NavBar;

package/lib/navbar/NavBar.js

@@ -14,9 +14,9 @@ var placements = {
     bottom: 'fixed bottom-0',
 };
 var NavBar = function (_a) {
-    var brand = _a.brand, brandSrc = _a.brandSrc, brandStyles = _a.brandStyles, links = _a.links, linkStyles = _a.linkStyles, _b = _a.btnBackground, btnBackground = _b === void 0 ? 'dark' : _b, _c = _a.btnColor, btnColor = _c === void 0 ? 'light' : _c, btnLayout = _a.btnLayout, btnSize = _a.btnSize, children = _a.children, _d = _a.navStyles, navStyles = _d === void 0 ? 'bg-slate-200 dark:bg-slate-600' : _d, onLinkClick = _a.onLinkClick, _e = _a.placement, placement = _e === void 0 ? 'top' : _e, _f = _a.prefetch, prefetch = _f === void 0 ? false : _f;
+    var brand = _a.brand, brandSrc = _a.brandSrc, brandStyles = _a.brandStyles, brandAspectRatio = _a.brandAspectRatio, links = _a.links, linkStyles = _a.linkStyles, _b = _a.btnBackground, btnBackground = _b === void 0 ? 'dark' : _b, _c = _a.btnColor, btnColor = _c === void 0 ? 'light' : _c, btnLayout = _a.btnLayout, btnSize = _a.btnSize, children = _a.children, _d = _a.navStyles, navStyles = _d === void 0 ? 'bg-slate-200 dark:bg-slate-600' : _d, onLinkClick = _a.onLinkClick, _e = _a.placement, placement = _e === void 0 ? 'top' : _e, _f = _a.prefetch, prefetch = _f === void 0 ? false : _f;
     var placementClasses = (0, react_1.useMemo)(function () { return placements[placement]; }, [placement]);
-    return ((0, jsx_runtime_1.jsxs)("nav", { className: (0, tailwind_merge_1.twMerge)("".concat(placementClasses, " left-0 w-full z-10 flex justify-between items-center px-4 py-2"), navStyles), children: [brand ? ((0, jsx_runtime_1.jsx)(NavBrand_1.default, { brand: brand, src: brandSrc, brandStyles: brandStyles })) : ((0, jsx_runtime_1.jsx)("div", {})), (0, jsx_runtime_1.jsxs)("div", { className: 'flex flex-row-reverse lg:flex-row items-center gap-4', children: [(0, jsx_runtime_1.jsx)(NavLinks_1.default, { links: links, linkStyles: linkStyles, placement: placement, btnBackground: btnBackground, btnColor: btnColor, btnLayout: btnLayout, btnSize: btnSize, onLinkClick: onLinkClick, prefetch: prefetch }), children] })] }));
+    return ((0, jsx_runtime_1.jsxs)("nav", { className: (0, tailwind_merge_1.twMerge)("".concat(placementClasses, " left-0 w-full z-10 flex justify-between items-center px-4 py-2"), navStyles), children: [brand ? ((0, jsx_runtime_1.jsx)(NavBrand_1.default, { brand: brand, src: brandSrc, brandStyles: brandStyles, brandAspectRatio: brandAspectRatio })) : ((0, jsx_runtime_1.jsx)("div", {})), (0, jsx_runtime_1.jsxs)("div", { className: 'flex flex-row-reverse lg:flex-row items-center gap-4', children: [(0, jsx_runtime_1.jsx)(NavLinks_1.default, { links: links, linkStyles: linkStyles, placement: placement, btnBackground: btnBackground, btnColor: btnColor, btnLayout: btnLayout, btnSize: btnSize, onLinkClick: onLinkClick, prefetch: prefetch }), children] })] }));
 };
 exports.default = NavBar;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF2QmFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3VpL25hdmJhci9OYXZCYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxZQUFZLENBQUE7Ozs7OztBQUVaLCtCQUFzQztBQUN0QyxpREFBd0M7QUFDeEMsd0RBQWlDO0FBQ2pDLHdEQUFpQztBQUdqQyxJQUFNLFVBQVUsR0FBRztJQUNsQixHQUFHLEVBQUUsY0FBYztJQUNuQixNQUFNLEVBQUUsZ0JBQWdCO0NBQ3hCLENBQUE7QUFFRCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBZUY7UUFkYixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixXQUFXLGlCQUFBLEVBQ1gsS0FBSyxXQUFBLEVBQ0wsVUFBVSxnQkFBQSxFQUNWLHFCQUFzQixFQUF0QixhQUFhLG1CQUFHLE1BQU0sS0FBQSxFQUN0QixnQkFBa0IsRUFBbEIsUUFBUSxtQkFBRyxPQUFPLEtBQUEsRUFDbEIsU0FBUyxlQUFBLEVBQ1QsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsaUJBQTRDLEVBQTVDLFNBQVMsbUJBQUcsZ0NBQWdDLEtBQUEsRUFDNUMsV0FBVyxpQkFBQSxFQUNYLGlCQUFpQixFQUFqQixTQUFTLG1CQUFHLEtBQUssS0FBQSxFQUNqQixnQkFBZ0IsRUFBaEIsUUFBUSxtQkFBRyxLQUFLLEtBQUE7SUFFaEIsSUFBTSxnQkFBZ0IsR0FBRyxJQUFBLGVBQU8sRUFBQyxjQUFNLE9BQUEsVUFBVSxDQUFDLFNBQVMsQ0FBQyxFQUFyQixDQUFxQixFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUMxRSxPQUFPLENBQ04saUNBQ0MsU0FBUyxFQUFFLElBQUEsd0JBQU8sRUFDakIsVUFBRyxnQkFBZ0Isb0VBQWlFLEVBQ3BGLFNBQVMsQ0FDVCxhQUVBLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FDUix1QkFBQyxrQkFBUSxJQUNSLEtBQUssRUFBRSxLQUFLLEVBQ1osR0FBRyxFQUFFLFFBQVEsRUFDYixXQUFXLEVBQUUsV0FBVyxHQUN2QixDQUNGLENBQUMsQ0FBQyxDQUFDLENBQ0gsaUNBQVcsQ0FDWCxFQUNELGlDQUFLLFNBQVMsRUFBQyxzREFBc0QsYUFDcEUsdUJBQUMsa0JBQVEsSUFDUixLQUFLLEVBQUUsS0FBSyxFQUNaLFVBQVUsRUFBRSxVQUFVLEVBQ3RCLFNBQVMsRUFBRSxTQUFTLEVBQ3BCLGFBQWEsRUFBRSxhQUFhLEVBQzVCLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFNBQVMsRUFBRSxTQUFTLEVBQ3BCLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLFdBQVcsRUFBRSxXQUFXLEVBQ3hCLFFBQVEsRUFBRSxRQUFRLEdBQ2pCLEVBQ0QsUUFBUSxJQUNKLElBQ0QsQ0FDTixDQUFBO0FBQ0YsQ0FBQyxDQUFBO0FBRUQsa0JBQWUsTUFBTSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF2QmFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3VpL25hdmJhci9OYXZCYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxZQUFZLENBQUE7Ozs7OztBQUVaLCtCQUFzQztBQUN0QyxpREFBd0M7QUFDeEMsd0RBQWlDO0FBQ2pDLHdEQUFpQztBQUdqQyxJQUFNLFVBQVUsR0FBRztJQUNsQixHQUFHLEVBQUUsY0FBYztJQUNuQixNQUFNLEVBQUUsZ0JBQWdCO0NBQ3hCLENBQUE7QUFFRCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBZ0JGO1FBZmIsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsV0FBVyxpQkFBQSxFQUNYLGdCQUFnQixzQkFBQSxFQUNoQixLQUFLLFdBQUEsRUFDTCxVQUFVLGdCQUFBLEVBQ1YscUJBQXNCLEVBQXRCLGFBQWEsbUJBQUcsTUFBTSxLQUFBLEVBQ3RCLGdCQUFrQixFQUFsQixRQUFRLG1CQUFHLE9BQU8sS0FBQSxFQUNsQixTQUFTLGVBQUEsRUFDVCxPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixpQkFBNEMsRUFBNUMsU0FBUyxtQkFBRyxnQ0FBZ0MsS0FBQSxFQUM1QyxXQUFXLGlCQUFBLEVBQ1gsaUJBQWlCLEVBQWpCLFNBQVMsbUJBQUcsS0FBSyxLQUFBLEVBQ2pCLGdCQUFnQixFQUFoQixRQUFRLG1CQUFHLEtBQUssS0FBQTtJQUVoQixJQUFNLGdCQUFnQixHQUFHLElBQUEsZUFBTyxFQUFDLGNBQU0sT0FBQSxVQUFVLENBQUMsU0FBUyxDQUFDLEVBQXJCLENBQXFCLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBQzFFLE9BQU8sQ0FDTixpQ0FDQyxTQUFTLEVBQUUsSUFBQSx3QkFBTyxFQUNqQixVQUFHLGdCQUFnQixvRUFBaUUsRUFDcEYsU0FBUyxDQUNULGFBRUEsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUNSLHVCQUFDLGtCQUFRLElBQ1IsS0FBSyxFQUFFLEtBQUssRUFDWixHQUFHLEVBQUUsUUFBUSxFQUNiLFdBQVcsRUFBRSxXQUFXLEVBQ3hCLGdCQUFnQixFQUFFLGdCQUFnQixHQUNqQyxDQUNGLENBQUMsQ0FBQyxDQUFDLENBQ0gsaUNBQVcsQ0FDWCxFQUNELGlDQUFLLFNBQVMsRUFBQyxzREFBc0QsYUFDcEUsdUJBQUMsa0JBQVEsSUFDUixLQUFLLEVBQUUsS0FBSyxFQUNaLFVBQVUsRUFBRSxVQUFVLEVBQ3RCLFNBQVMsRUFBRSxTQUFTLEVBQ3BCLGFBQWEsRUFBRSxhQUFhLEVBQzVCLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFNBQVMsRUFBRSxTQUFTLEVBQ3BCLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLFdBQVcsRUFBRSxXQUFXLEVBQ3hCLFFBQVEsRUFBRSxRQUFRLEdBQ2pCLEVBQ0QsUUFBUSxJQUNKLElBQ0QsQ0FDTixDQUFBO0FBQ0YsQ0FBQyxDQUFBO0FBRUQsa0JBQWUsTUFBTSxDQUFBIn0=

package/lib/navbar/NavBrand.d.ts

@@ -1,3 +1,3 @@
 import { NavBrandProps } from './types';
-declare const NavBrand: ({ brand, src, brandStyles, prefetch }: NavBrandProps) => import("react/jsx-runtime").JSX.Element;
+declare const NavBrand: ({ brand, src, brandStyles, brandAspectRatio, prefetch, }: NavBrandProps) => import("react/jsx-runtime").JSX.Element;
 export default NavBrand;

package/lib/navbar/NavBrand.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -7,8 +18,9 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var link_1 = __importDefault(require("next/link"));
 var tailwind_merge_1 = require("tailwind-merge");
 var NavBrand = function (_a) {
-    var brand = _a.brand, src = _a.src, brandStyles = _a.brandStyles, _b = _a.prefetch, prefetch = _b === void 0 ? false : _b;
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_merge_1.twMerge)("navbrand w-1/3 md:w-1/4 lg:w-1/5 xl:w-1/6", brandStyles), children: (0, jsx_runtime_1.jsx)(link_1.default, { href: '/', prefetch: prefetch, children: (0, jsx_runtime_1.jsx)("img", { src: src, alt: brand }) }) }));
+    var brand = _a.brand, src = _a.src, brandStyles = _a.brandStyles, _b = _a.brandAspectRatio, brandAspectRatio = _b === void 0 ? '1 / 1' : _b, _c = _a.prefetch, prefetch = _c === void 0 ? false : _c;
+    var backgroundStyle = src ? { backgroundImage: "url(".concat(src, ")") } : undefined;
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_merge_1.twMerge)('navbrand w-1/3 md:w-1/4 lg:w-1/5 xl:w-1/6', brandStyles), children: (0, jsx_runtime_1.jsx)(link_1.default, { href: '/', className: 'brand-link block w-full bg-center bg-no-repeat bg-contain', style: __assign({ aspectRatio: brandAspectRatio }, backgroundStyle), prefetch: prefetch, "aria-label": brand, children: brand ? (0, jsx_runtime_1.jsx)("span", { className: 'sr-only', children: brand }) : null }) }));
 };
 exports.default = NavBrand;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF2QnJhbmQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvbmF2YmFyL05hdkJyYW5kLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFDQSxtREFBNEI7QUFDNUIsaURBQXdDO0FBSXhDLElBQU0sUUFBUSxHQUFHLFVBQUMsRUFBNEQ7UUFBMUQsS0FBSyxXQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsV0FBVyxpQkFBQSxFQUFFLGdCQUFnQixFQUFoQixRQUFRLG1CQUFHLEtBQUssS0FBQTtJQUM1RCxPQUFPLENBQ04sZ0NBQUssU0FBUyxFQUFFLElBQUEsd0JBQU8sRUFBQywyQ0FBMkMsRUFBRSxXQUFXLENBQUMsWUFDaEYsdUJBQUMsY0FBSSxJQUNKLElBQUksRUFBQyxHQUFHLEVBQ1IsUUFBUSxFQUFFLFFBQVEsWUFFbEIsZ0NBQ0MsR0FBRyxFQUFFLEdBQUcsRUFDUixHQUFHLEVBQUUsS0FBSyxHQUNULEdBQ0ksR0FDRixDQUNOLENBQUE7QUFDRixDQUFDLENBQUE7QUFFRCxrQkFBZSxRQUFRLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF2QnJhbmQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvbmF2YmFyL05hdkJyYW5kLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OztBQUNBLG1EQUE0QjtBQUM1QixpREFBd0M7QUFJeEMsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQU1GO1FBTGYsS0FBSyxXQUFBLEVBQ0wsR0FBRyxTQUFBLEVBQ0gsV0FBVyxpQkFBQSxFQUNYLHdCQUEwQixFQUExQixnQkFBZ0IsbUJBQUcsT0FBTyxLQUFBLEVBQzFCLGdCQUFnQixFQUFoQixRQUFRLG1CQUFHLEtBQUssS0FBQTtJQUVoQixJQUFNLGVBQWUsR0FBRyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsZUFBZSxFQUFFLGNBQU8sR0FBRyxNQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFBO0lBRTVFLE9BQU8sQ0FDTixnQ0FBSyxTQUFTLEVBQUUsSUFBQSx3QkFBTyxFQUFDLDJDQUEyQyxFQUFFLFdBQVcsQ0FBQyxZQUNoRix1QkFBQyxjQUFJLElBQ0osSUFBSSxFQUFDLEdBQUcsRUFDUixTQUFTLEVBQUMsMkRBQTJELEVBQ3JFLEtBQUssYUFBSSxXQUFXLEVBQUUsZ0JBQWdCLElBQUssZUFBZSxHQUMxRCxRQUFRLEVBQUUsUUFBUSxnQkFDTixLQUFLLFlBRWhCLEtBQUssQ0FBQyxDQUFDLENBQUMsaUNBQU0sU0FBUyxFQUFDLFNBQVMsWUFBRSxLQUFLLEdBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxHQUNsRCxHQUNGLENBQ04sQ0FBQTtBQUNGLENBQUMsQ0FBQTtBQUVELGtCQUFlLFFBQVEsQ0FBQSJ9

package/lib/navbar/types/index.d.ts

@@ -8,6 +8,7 @@ export interface NavBarProps {
     brand?: string;
     brandSrc?: string;
     brandStyles?: string;
+    brandAspectRatio?: string;
     links: NavLink[];
     linkStyles?: string;
     btnBackground?: ButtonBackground;
@@ -34,6 +35,7 @@ export interface NavBrandProps {
     brand?: string;
     src?: string;
     brandStyles?: string;
+    brandAspectRatio?: string;
     prefetch?: boolean;
 }
 export interface NavLink {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smitch/breeze",
-  "version": "2.2.35",
+  "version": "2.2.36",
   "description": "A lightweight, Tailwind-powered React/Next.js UI component library.",
   "main": "lib/index.js",
   "types": "index.d.ts",