@tollerud/footer 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/README.md +124 -0
  2. package/dist/index.cjs +100 -0
  3. package/dist/index.cjs.map +1 -0
  4. package/dist/index.d.cts +31 -0
  5. package/dist/index.d.ts +31 -0
  6. package/dist/index.js +98 -0
  7. package/dist/index.js.map +1 -0
  8. package/package.json +50 -0
package/README.md ADDED
@@ -0,0 +1,124 @@
1
+ # @tollerud/footer
2
+
3
+ React footer with the Tollerud monogram, link to [tollerud.no](https://tollerud.no), optional attribution (e.g. client name), and composable Tailwind-friendly classes. Matches copy used on [helg.tollerud.no](https://helg.tollerud.no/) and [cv.tollerud.no](https://cv.tollerud.no/); [dispatch.tollerud.dev](https://dispatch.tollerud.dev/) adds an extra “for …” segment.
4
+
5
+ ## Install
6
+
7
+ ```bash
8
+ npm install @tollerud/footer
9
+ ```
10
+
11
+ Peer dependency: `react` ^18 or ^19.
12
+
13
+ ## Tailwind
14
+
15
+ So Tailwind can see classes inside this package, add it to `content` in `tailwind.config`:
16
+
17
+ ```js
18
+ content: [
19
+ './app/**/*.{js,ts,jsx,tsx,mdx}',
20
+ './node_modules/@tollerud/footer/dist/**/*.{js,mjs,cjs}',
21
+ ],
22
+ ```
23
+
24
+ (Adjust paths to match your app; including `src` is fine if you use that layout.)
25
+
26
+ ## Usage
27
+
28
+ ```tsx
29
+ import { Footer } from '@tollerud/footer'
30
+
31
+ export default function Layout({ children }: { children: React.ReactNode }) {
32
+ return (
33
+ <>
34
+ {children}
35
+ <Footer />
36
+ </>
37
+ )
38
+ }
39
+ ```
40
+
41
+ ### With your `useLanguage` / i18n
42
+
43
+ Pass strings from your app; the package does not depend on `@/contexts`:
44
+
45
+ ```tsx
46
+ 'use client'
47
+
48
+ import { Footer } from '@tollerud/footer'
49
+ import { useLanguage } from '@/contexts/LanguageContext'
50
+
51
+ export function SiteFooter() {
52
+ const { t } = useLanguage()
53
+ return (
54
+ <Footer
55
+ labels={{
56
+ tollerudProject: t.footer.tollerudProject,
57
+ allRightsReserved: t.footer.allRightsReserved,
58
+ }}
59
+ />
60
+ )
61
+ }
62
+ ```
63
+
64
+ Default English copy matches the public sites: **“A Tollerud Project”** and **“All rights reserved.”** Omit keys you do not need to override.
65
+
66
+ ### Attribution (Dispatch-style)
67
+
68
+ ```tsx
69
+ <Footer
70
+ labels={{
71
+ attribution: 'for Advania Norge AS.',
72
+ }}
73
+ />
74
+ ```
75
+
76
+ Renders: **A Tollerud Project** (linked) **for Advania Norge AS.** All rights reserved.
77
+
78
+ ### Custom surface (any background)
79
+
80
+ Default footer applies `bg-gray-50` / `dark:bg-gray-900` and a top border. For overlays (e.g. **50% black** on top of imagery or video), use **`unstyled`** and pass your own surface classes or inline styles so you are not fighting those defaults:
81
+
82
+ ```tsx
83
+ <Footer
84
+ unstyled
85
+ className="border-t border-white/10 bg-black/50 backdrop-blur-sm"
86
+ classNameText="text-sm text-white/90"
87
+ classNameLogo="h-5 w-5 text-[#ffff00]"
88
+ classNameLink="decoration-[#ffff00] text-white/95"
89
+ />
90
+ ```
91
+
92
+ Same idea with inline style:
93
+
94
+ ```tsx
95
+ <Footer
96
+ unstyled
97
+ className="border-t border-white/10 backdrop-blur-sm"
98
+ style={{ backgroundColor: 'rgba(0, 0, 0, 0.5)' }}
99
+ classNameText="text-sm text-white/90"
100
+ classNameLogo="h-5 w-5 text-[#ffff00]"
101
+ />
102
+ ```
103
+
104
+ Props: `className` / `style` on `<footer>`, `classNameInner` on the inner max-width row, `classNameLogo`, `classNameText`, `classNameLink`. Tailwind’s build must still scan this package (see above).
105
+
106
+ ## Develop and publish
107
+
108
+ ```bash
109
+ npm install
110
+ npm run build
111
+ npm pack # optional: inspect tarball
112
+ ```
113
+
114
+ 1. [Create an npm account](https://www.npmjs.com/signup) and log in: `npm login`.
115
+ 2. For a scoped name (`@tollerud/footer`), either publish as public the first time:
116
+
117
+ ```bash
118
+ npm publish --access public
119
+ ```
120
+
121
+ or create the `@tollerud` org on npm and add your user.
122
+ 3. Update `repository`, `author`, and `name` in `package.json` if your scope or repo differs.
123
+
124
+ After publish, bump version with `npm version patch|minor|major` and `npm publish --access public` again for updates.
package/dist/index.cjs ADDED
@@ -0,0 +1,100 @@
1
+ 'use strict';
2
+
3
+ var jsxRuntime = require('react/jsx-runtime');
4
+
5
+ // src/Footer.tsx
6
+ function cn(...parts) {
7
+ return parts.filter(Boolean).join(" ");
8
+ }
9
+ var defaultLabels = {
10
+ tollerudProject: "A Tollerud Project",
11
+ allRightsReserved: "All rights reserved."
12
+ };
13
+ function Footer({
14
+ labels,
15
+ className,
16
+ style,
17
+ unstyled = false,
18
+ classNameInner,
19
+ classNameLogo,
20
+ classNameText,
21
+ classNameLink
22
+ }) {
23
+ const t = { ...defaultLabels, ...labels };
24
+ const attribution = t.attribution?.trim();
25
+ const footerSurface = unstyled ? "" : "border-t border-gray-200 bg-gray-50 dark:border-gray-800 dark:bg-gray-900";
26
+ return /* @__PURE__ */ jsxRuntime.jsx("footer", { className: cn("w-full pt-4 pb-4", footerSurface, className), style, children: /* @__PURE__ */ jsxRuntime.jsxs(
27
+ "div",
28
+ {
29
+ className: cn(
30
+ "max-w-7xl mx-auto px-8 flex flex-col md:flex-row items-center justify-center md:justify-between gap-4 md:gap-0",
31
+ classNameInner
32
+ ),
33
+ children: [
34
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 md:flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsxs(
35
+ "svg",
36
+ {
37
+ width: "24",
38
+ height: "24",
39
+ viewBox: "0 0 130 143",
40
+ version: "1.1",
41
+ xmlns: "http://www.w3.org/2000/svg",
42
+ xmlnsXlink: "http://www.w3.org/1999/xlink",
43
+ className: cn("h-5 w-5 text-black dark:text-[#ffff00]", classNameLogo),
44
+ role: "img",
45
+ children: [
46
+ /* @__PURE__ */ jsxRuntime.jsx("title", { children: "Tollerud Logo" }),
47
+ /* @__PURE__ */ jsxRuntime.jsx("g", { id: "Page-1", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsxRuntime.jsx("g", { id: "Tollerud Monogram", transform: "translate(-86.000000, -109.000000)", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("g", { id: "Group-2", transform: "translate(32.000000, 55.000000)", children: /* @__PURE__ */ jsxRuntime.jsx("g", { id: "Group", transform: "translate(54.000000, 54.000000)", children: /* @__PURE__ */ jsxRuntime.jsx(
48
+ "path",
49
+ {
50
+ d: "M82.4839273,140.272626 L95.1738252,140.272626 L95.1738252,143 L34.8114657,143 L34.8114657,140.272626 L47.5013636,140.272626 L47.5013636,28.2924381 C40.1277806,26.4177752 32.9252955,25.2241422 26.4088393,25.2241422 C12.1757856,25.2241422 4.11617359,34.5982703 4.11617359,39.8821508 C4.11617359,40.9049161 4.63028596,41.5867596 5.65932936,41.5867596 C7.20248513,41.5867596 7.37440169,40.3931266 8.06043062,38.8593855 C10.4615319,33.575505 15.6059302,31.5307881 20.4073141,31.5307881 C29.152955,31.5307881 35.1552988,38.5184637 35.1552988,47.2107482 C35.1552988,56.2447681 28.8107592,62.8907084 18.0070315,62.8907084 C7.5454996,62.891522 0,53.6882617 0,43.8023442 C0,30.8497582 11.3178401,21.986606 26.5799372,21.986606 C51.1026062,21.986606 84.1989996,39.2011209 104.948509,39.2011209 C118.495534,39.2011209 126.384048,31.7016558 126.384048,19.4300996 C126.384048,10.3968933 118.667451,4.60203698 115.580321,4.60203698 C114.552096,4.60203698 113.69415,5.1130128 113.69415,6.13577809 C113.69415,7.49946515 114.552096,7.6695192 115.409223,8.01044097 C115.752237,8.18049502 122.268693,10.5669474 122.268693,19.2592319 C122.268693,28.2924381 115.238125,34.0872945 107.177694,34.0872945 C97.7460244,34.0872945 91.0584702,26.4177752 91.0584702,17.8955448 C91.0584702,6.64675391 99.9760277,0 109.749893,0 C122.268693,0 129.642276,9.88510384 129.642276,19.6001536 C129.642276,34.2581622 119.181563,42.4386572 104.947691,42.4386572 C98.0890388,42.4386572 90.5443579,40.9049161 82.4839273,38.6901451 L82.4839273,140.272626 Z",
51
+ id: "Monogram"
52
+ }
53
+ ) }) }) }) })
54
+ ]
55
+ }
56
+ ) }),
57
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 text-center md:text-right md:ml-4", children: /* @__PURE__ */ jsxRuntime.jsxs(
58
+ "p",
59
+ {
60
+ className: cn(
61
+ "text-sm text-gray-600 dark:text-gray-400 flex flex-col md:flex-row md:inline gap-0",
62
+ classNameText
63
+ ),
64
+ children: [
65
+ /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
66
+ /* @__PURE__ */ jsxRuntime.jsx(
67
+ "a",
68
+ {
69
+ href: "https://tollerud.no",
70
+ target: "_blank",
71
+ rel: "noopener noreferrer",
72
+ className: cn(
73
+ "underline decoration-[#ffff00] decoration-[3px] underline-offset-[4px] hover:opacity-80 transition-opacity",
74
+ classNameLink
75
+ ),
76
+ style: {
77
+ textDecorationThickness: "3px",
78
+ textUnderlineOffset: "4px"
79
+ },
80
+ children: t.tollerudProject
81
+ }
82
+ ),
83
+ attribution ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
84
+ " ",
85
+ /* @__PURE__ */ jsxRuntime.jsx("span", { children: attribution })
86
+ ] }) : null,
87
+ " "
88
+ ] }),
89
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "md:ml-1", children: t.allRightsReserved })
90
+ ]
91
+ }
92
+ ) })
93
+ ]
94
+ }
95
+ ) });
96
+ }
97
+
98
+ exports.Footer = Footer;
99
+ //# sourceMappingURL=index.cjs.map
100
+ //# sourceMappingURL=index.cjs.map
package/dist/index.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/Footer.tsx"],"names":["jsx","jsxs","Fragment"],"mappings":"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","file":"index.cjs","sourcesContent":["'use client'\n\nimport type { CSSProperties, ReactElement } from 'react'\n\nfunction cn(...parts: (string | undefined | null | false)[]): string {\n return parts.filter(Boolean).join(' ')\n}\n\nexport type FooterLabels = {\n /** Text for the tollerud.no link (e.g. “A Tollerud Project”). */\n tollerudProject: string\n /**\n * Optional middle segment after the link, before the rights line.\n * Example for [dispatch.tollerud.dev](https://dispatch.tollerud.dev/): `\"for Advania Norge AS.\"`\n */\n attribution?: string\n allRightsReserved: string\n}\n\nconst defaultLabels: FooterLabels = {\n tollerudProject: 'A Tollerud Project',\n allRightsReserved: 'All rights reserved.',\n}\n\nexport type FooterProps = {\n labels?: Partial<FooterLabels>\n /** Merged onto `<footer>`. Use for layout, surface, e.g. `border-t border-white/10 bg-black/50 backdrop-blur-sm`. */\n className?: string\n /** Merged onto `<footer>` (wins over conflicting `backgroundColor` from classes when needed). */\n style?: CSSProperties\n /**\n * When true, skips default border/background/dark surface so `className` / `style` fully control the bar\n * (avoids fighting `bg-gray-50` / `dark:bg-gray-900`).\n */\n unstyled?: boolean\n classNameInner?: string\n classNameLogo?: string\n classNameText?: string\n classNameLink?: string\n}\n\nexport function Footer({\n labels,\n className,\n style,\n unstyled = false,\n classNameInner,\n classNameLogo,\n classNameText,\n classNameLink,\n}: FooterProps): ReactElement {\n const t = { ...defaultLabels, ...labels }\n const attribution = t.attribution?.trim()\n\n const footerSurface = unstyled\n ? ''\n : 'border-t border-gray-200 bg-gray-50 dark:border-gray-800 dark:bg-gray-900'\n\n return (\n <footer className={cn('w-full pt-4 pb-4', footerSurface, className)} style={style}>\n <div\n className={cn(\n 'max-w-7xl mx-auto px-8 flex flex-col md:flex-row items-center justify-center md:justify-between gap-4 md:gap-0',\n classNameInner,\n )}\n >\n <div className=\"flex-shrink-0 md:flex-shrink-0\">\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 130 143\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n className={cn('h-5 w-5 text-black dark:text-[#ffff00]', classNameLogo)}\n role=\"img\"\n >\n <title>Tollerud Logo</title>\n <g id=\"Page-1\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n <g id=\"Tollerud Monogram\" transform=\"translate(-86.000000, -109.000000)\" fill=\"currentColor\">\n <g id=\"Group-2\" transform=\"translate(32.000000, 55.000000)\">\n <g id=\"Group\" transform=\"translate(54.000000, 54.000000)\">\n <path\n d=\"M82.4839273,140.272626 L95.1738252,140.272626 L95.1738252,143 L34.8114657,143 L34.8114657,140.272626 L47.5013636,140.272626 L47.5013636,28.2924381 C40.1277806,26.4177752 32.9252955,25.2241422 26.4088393,25.2241422 C12.1757856,25.2241422 4.11617359,34.5982703 4.11617359,39.8821508 C4.11617359,40.9049161 4.63028596,41.5867596 5.65932936,41.5867596 C7.20248513,41.5867596 7.37440169,40.3931266 8.06043062,38.8593855 C10.4615319,33.575505 15.6059302,31.5307881 20.4073141,31.5307881 C29.152955,31.5307881 35.1552988,38.5184637 35.1552988,47.2107482 C35.1552988,56.2447681 28.8107592,62.8907084 18.0070315,62.8907084 C7.5454996,62.891522 0,53.6882617 0,43.8023442 C0,30.8497582 11.3178401,21.986606 26.5799372,21.986606 C51.1026062,21.986606 84.1989996,39.2011209 104.948509,39.2011209 C118.495534,39.2011209 126.384048,31.7016558 126.384048,19.4300996 C126.384048,10.3968933 118.667451,4.60203698 115.580321,4.60203698 C114.552096,4.60203698 113.69415,5.1130128 113.69415,6.13577809 C113.69415,7.49946515 114.552096,7.6695192 115.409223,8.01044097 C115.752237,8.18049502 122.268693,10.5669474 122.268693,19.2592319 C122.268693,28.2924381 115.238125,34.0872945 107.177694,34.0872945 C97.7460244,34.0872945 91.0584702,26.4177752 91.0584702,17.8955448 C91.0584702,6.64675391 99.9760277,0 109.749893,0 C122.268693,0 129.642276,9.88510384 129.642276,19.6001536 C129.642276,34.2581622 119.181563,42.4386572 104.947691,42.4386572 C98.0890388,42.4386572 90.5443579,40.9049161 82.4839273,38.6901451 L82.4839273,140.272626 Z\"\n id=\"Monogram\"\n />\n </g>\n </g>\n </g>\n </g>\n </svg>\n </div>\n\n <div className=\"flex-1 text-center md:text-right md:ml-4\">\n <p\n className={cn(\n 'text-sm text-gray-600 dark:text-gray-400 flex flex-col md:flex-row md:inline gap-0',\n classNameText,\n )}\n >\n <span>\n <a\n href=\"https://tollerud.no\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className={cn(\n 'underline decoration-[#ffff00] decoration-[3px] underline-offset-[4px] hover:opacity-80 transition-opacity',\n classNameLink,\n )}\n style={{\n textDecorationThickness: '3px',\n textUnderlineOffset: '4px',\n }}\n >\n {t.tollerudProject}\n </a>\n {attribution ? (\n <>\n {' '}\n <span>{attribution}</span>\n </>\n ) : null}{' '}\n </span>\n <span className=\"md:ml-1\">{t.allRightsReserved}</span>\n </p>\n </div>\n </div>\n </footer>\n )\n}\n"]}
package/dist/index.d.cts ADDED
@@ -0,0 +1,31 @@
1
+ import { CSSProperties, ReactElement } from 'react';
2
+
3
+ type FooterLabels = {
4
+ /** Text for the tollerud.no link (e.g. “A Tollerud Project”). */
5
+ tollerudProject: string;
6
+ /**
7
+ * Optional middle segment after the link, before the rights line.
8
+ * Example for [dispatch.tollerud.dev](https://dispatch.tollerud.dev/): `"for Advania Norge AS."`
9
+ */
10
+ attribution?: string;
11
+ allRightsReserved: string;
12
+ };
13
+ type FooterProps = {
14
+ labels?: Partial<FooterLabels>;
15
+ /** Merged onto `<footer>`. Use for layout, surface, e.g. `border-t border-white/10 bg-black/50 backdrop-blur-sm`. */
16
+ className?: string;
17
+ /** Merged onto `<footer>` (wins over conflicting `backgroundColor` from classes when needed). */
18
+ style?: CSSProperties;
19
+ /**
20
+ * When true, skips default border/background/dark surface so `className` / `style` fully control the bar
21
+ * (avoids fighting `bg-gray-50` / `dark:bg-gray-900`).
22
+ */
23
+ unstyled?: boolean;
24
+ classNameInner?: string;
25
+ classNameLogo?: string;
26
+ classNameText?: string;
27
+ classNameLink?: string;
28
+ };
29
+ declare function Footer({ labels, className, style, unstyled, classNameInner, classNameLogo, classNameText, classNameLink, }: FooterProps): ReactElement;
30
+
31
+ export { Footer, type FooterLabels, type FooterProps };
package/dist/index.d.ts ADDED
@@ -0,0 +1,31 @@
1
+ import { CSSProperties, ReactElement } from 'react';
2
+
3
+ type FooterLabels = {
4
+ /** Text for the tollerud.no link (e.g. “A Tollerud Project”). */
5
+ tollerudProject: string;
6
+ /**
7
+ * Optional middle segment after the link, before the rights line.
8
+ * Example for [dispatch.tollerud.dev](https://dispatch.tollerud.dev/): `"for Advania Norge AS."`
9
+ */
10
+ attribution?: string;
11
+ allRightsReserved: string;
12
+ };
13
+ type FooterProps = {
14
+ labels?: Partial<FooterLabels>;
15
+ /** Merged onto `<footer>`. Use for layout, surface, e.g. `border-t border-white/10 bg-black/50 backdrop-blur-sm`. */
16
+ className?: string;
17
+ /** Merged onto `<footer>` (wins over conflicting `backgroundColor` from classes when needed). */
18
+ style?: CSSProperties;
19
+ /**
20
+ * When true, skips default border/background/dark surface so `className` / `style` fully control the bar
21
+ * (avoids fighting `bg-gray-50` / `dark:bg-gray-900`).
22
+ */
23
+ unstyled?: boolean;
24
+ classNameInner?: string;
25
+ classNameLogo?: string;
26
+ classNameText?: string;
27
+ classNameLink?: string;
28
+ };
29
+ declare function Footer({ labels, className, style, unstyled, classNameInner, classNameLogo, classNameText, classNameLink, }: FooterProps): ReactElement;
30
+
31
+ export { Footer, type FooterLabels, type FooterProps };
package/dist/index.js ADDED
@@ -0,0 +1,98 @@
1
+ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
2
+
3
+ // src/Footer.tsx
4
+ function cn(...parts) {
5
+ return parts.filter(Boolean).join(" ");
6
+ }
7
+ var defaultLabels = {
8
+ tollerudProject: "A Tollerud Project",
9
+ allRightsReserved: "All rights reserved."
10
+ };
11
+ function Footer({
12
+ labels,
13
+ className,
14
+ style,
15
+ unstyled = false,
16
+ classNameInner,
17
+ classNameLogo,
18
+ classNameText,
19
+ classNameLink
20
+ }) {
21
+ const t = { ...defaultLabels, ...labels };
22
+ const attribution = t.attribution?.trim();
23
+ const footerSurface = unstyled ? "" : "border-t border-gray-200 bg-gray-50 dark:border-gray-800 dark:bg-gray-900";
24
+ return /* @__PURE__ */ jsx("footer", { className: cn("w-full pt-4 pb-4", footerSurface, className), style, children: /* @__PURE__ */ jsxs(
25
+ "div",
26
+ {
27
+ className: cn(
28
+ "max-w-7xl mx-auto px-8 flex flex-col md:flex-row items-center justify-center md:justify-between gap-4 md:gap-0",
29
+ classNameInner
30
+ ),
31
+ children: [
32
+ /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 md:flex-shrink-0", children: /* @__PURE__ */ jsxs(
33
+ "svg",
34
+ {
35
+ width: "24",
36
+ height: "24",
37
+ viewBox: "0 0 130 143",
38
+ version: "1.1",
39
+ xmlns: "http://www.w3.org/2000/svg",
40
+ xmlnsXlink: "http://www.w3.org/1999/xlink",
41
+ className: cn("h-5 w-5 text-black dark:text-[#ffff00]", classNameLogo),
42
+ role: "img",
43
+ children: [
44
+ /* @__PURE__ */ jsx("title", { children: "Tollerud Logo" }),
45
+ /* @__PURE__ */ jsx("g", { id: "Page-1", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsx("g", { id: "Tollerud Monogram", transform: "translate(-86.000000, -109.000000)", fill: "currentColor", children: /* @__PURE__ */ jsx("g", { id: "Group-2", transform: "translate(32.000000, 55.000000)", children: /* @__PURE__ */ jsx("g", { id: "Group", transform: "translate(54.000000, 54.000000)", children: /* @__PURE__ */ jsx(
46
+ "path",
47
+ {
48
+ d: "M82.4839273,140.272626 L95.1738252,140.272626 L95.1738252,143 L34.8114657,143 L34.8114657,140.272626 L47.5013636,140.272626 L47.5013636,28.2924381 C40.1277806,26.4177752 32.9252955,25.2241422 26.4088393,25.2241422 C12.1757856,25.2241422 4.11617359,34.5982703 4.11617359,39.8821508 C4.11617359,40.9049161 4.63028596,41.5867596 5.65932936,41.5867596 C7.20248513,41.5867596 7.37440169,40.3931266 8.06043062,38.8593855 C10.4615319,33.575505 15.6059302,31.5307881 20.4073141,31.5307881 C29.152955,31.5307881 35.1552988,38.5184637 35.1552988,47.2107482 C35.1552988,56.2447681 28.8107592,62.8907084 18.0070315,62.8907084 C7.5454996,62.891522 0,53.6882617 0,43.8023442 C0,30.8497582 11.3178401,21.986606 26.5799372,21.986606 C51.1026062,21.986606 84.1989996,39.2011209 104.948509,39.2011209 C118.495534,39.2011209 126.384048,31.7016558 126.384048,19.4300996 C126.384048,10.3968933 118.667451,4.60203698 115.580321,4.60203698 C114.552096,4.60203698 113.69415,5.1130128 113.69415,6.13577809 C113.69415,7.49946515 114.552096,7.6695192 115.409223,8.01044097 C115.752237,8.18049502 122.268693,10.5669474 122.268693,19.2592319 C122.268693,28.2924381 115.238125,34.0872945 107.177694,34.0872945 C97.7460244,34.0872945 91.0584702,26.4177752 91.0584702,17.8955448 C91.0584702,6.64675391 99.9760277,0 109.749893,0 C122.268693,0 129.642276,9.88510384 129.642276,19.6001536 C129.642276,34.2581622 119.181563,42.4386572 104.947691,42.4386572 C98.0890388,42.4386572 90.5443579,40.9049161 82.4839273,38.6901451 L82.4839273,140.272626 Z",
49
+ id: "Monogram"
50
+ }
51
+ ) }) }) }) })
52
+ ]
53
+ }
54
+ ) }),
55
+ /* @__PURE__ */ jsx("div", { className: "flex-1 text-center md:text-right md:ml-4", children: /* @__PURE__ */ jsxs(
56
+ "p",
57
+ {
58
+ className: cn(
59
+ "text-sm text-gray-600 dark:text-gray-400 flex flex-col md:flex-row md:inline gap-0",
60
+ classNameText
61
+ ),
62
+ children: [
63
+ /* @__PURE__ */ jsxs("span", { children: [
64
+ /* @__PURE__ */ jsx(
65
+ "a",
66
+ {
67
+ href: "https://tollerud.no",
68
+ target: "_blank",
69
+ rel: "noopener noreferrer",
70
+ className: cn(
71
+ "underline decoration-[#ffff00] decoration-[3px] underline-offset-[4px] hover:opacity-80 transition-opacity",
72
+ classNameLink
73
+ ),
74
+ style: {
75
+ textDecorationThickness: "3px",
76
+ textUnderlineOffset: "4px"
77
+ },
78
+ children: t.tollerudProject
79
+ }
80
+ ),
81
+ attribution ? /* @__PURE__ */ jsxs(Fragment, { children: [
82
+ " ",
83
+ /* @__PURE__ */ jsx("span", { children: attribution })
84
+ ] }) : null,
85
+ " "
86
+ ] }),
87
+ /* @__PURE__ */ jsx("span", { className: "md:ml-1", children: t.allRightsReserved })
88
+ ]
89
+ }
90
+ ) })
91
+ ]
92
+ }
93
+ ) });
94
+ }
95
+
96
+ export { Footer };
97
+ //# sourceMappingURL=index.js.map
98
+ //# sourceMappingURL=index.js.map
package/dist/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/Footer.tsx"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["'use client'\n\nimport type { CSSProperties, ReactElement } from 'react'\n\nfunction cn(...parts: (string | undefined | null | false)[]): string {\n return parts.filter(Boolean).join(' ')\n}\n\nexport type FooterLabels = {\n /** Text for the tollerud.no link (e.g. “A Tollerud Project”). */\n tollerudProject: string\n /**\n * Optional middle segment after the link, before the rights line.\n * Example for [dispatch.tollerud.dev](https://dispatch.tollerud.dev/): `\"for Advania Norge AS.\"`\n */\n attribution?: string\n allRightsReserved: string\n}\n\nconst defaultLabels: FooterLabels = {\n tollerudProject: 'A Tollerud Project',\n allRightsReserved: 'All rights reserved.',\n}\n\nexport type FooterProps = {\n labels?: Partial<FooterLabels>\n /** Merged onto `<footer>`. Use for layout, surface, e.g. `border-t border-white/10 bg-black/50 backdrop-blur-sm`. */\n className?: string\n /** Merged onto `<footer>` (wins over conflicting `backgroundColor` from classes when needed). */\n style?: CSSProperties\n /**\n * When true, skips default border/background/dark surface so `className` / `style` fully control the bar\n * (avoids fighting `bg-gray-50` / `dark:bg-gray-900`).\n */\n unstyled?: boolean\n classNameInner?: string\n classNameLogo?: string\n classNameText?: string\n classNameLink?: string\n}\n\nexport function Footer({\n labels,\n className,\n style,\n unstyled = false,\n classNameInner,\n classNameLogo,\n classNameText,\n classNameLink,\n}: FooterProps): ReactElement {\n const t = { ...defaultLabels, ...labels }\n const attribution = t.attribution?.trim()\n\n const footerSurface = unstyled\n ? ''\n : 'border-t border-gray-200 bg-gray-50 dark:border-gray-800 dark:bg-gray-900'\n\n return (\n <footer className={cn('w-full pt-4 pb-4', footerSurface, className)} style={style}>\n <div\n className={cn(\n 'max-w-7xl mx-auto px-8 flex flex-col md:flex-row items-center justify-center md:justify-between gap-4 md:gap-0',\n classNameInner,\n )}\n >\n <div className=\"flex-shrink-0 md:flex-shrink-0\">\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 130 143\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n className={cn('h-5 w-5 text-black dark:text-[#ffff00]', classNameLogo)}\n role=\"img\"\n >\n <title>Tollerud Logo</title>\n <g id=\"Page-1\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n <g id=\"Tollerud Monogram\" transform=\"translate(-86.000000, -109.000000)\" fill=\"currentColor\">\n <g id=\"Group-2\" transform=\"translate(32.000000, 55.000000)\">\n <g id=\"Group\" transform=\"translate(54.000000, 54.000000)\">\n <path\n d=\"M82.4839273,140.272626 L95.1738252,140.272626 L95.1738252,143 L34.8114657,143 L34.8114657,140.272626 L47.5013636,140.272626 L47.5013636,28.2924381 C40.1277806,26.4177752 32.9252955,25.2241422 26.4088393,25.2241422 C12.1757856,25.2241422 4.11617359,34.5982703 4.11617359,39.8821508 C4.11617359,40.9049161 4.63028596,41.5867596 5.65932936,41.5867596 C7.20248513,41.5867596 7.37440169,40.3931266 8.06043062,38.8593855 C10.4615319,33.575505 15.6059302,31.5307881 20.4073141,31.5307881 C29.152955,31.5307881 35.1552988,38.5184637 35.1552988,47.2107482 C35.1552988,56.2447681 28.8107592,62.8907084 18.0070315,62.8907084 C7.5454996,62.891522 0,53.6882617 0,43.8023442 C0,30.8497582 11.3178401,21.986606 26.5799372,21.986606 C51.1026062,21.986606 84.1989996,39.2011209 104.948509,39.2011209 C118.495534,39.2011209 126.384048,31.7016558 126.384048,19.4300996 C126.384048,10.3968933 118.667451,4.60203698 115.580321,4.60203698 C114.552096,4.60203698 113.69415,5.1130128 113.69415,6.13577809 C113.69415,7.49946515 114.552096,7.6695192 115.409223,8.01044097 C115.752237,8.18049502 122.268693,10.5669474 122.268693,19.2592319 C122.268693,28.2924381 115.238125,34.0872945 107.177694,34.0872945 C97.7460244,34.0872945 91.0584702,26.4177752 91.0584702,17.8955448 C91.0584702,6.64675391 99.9760277,0 109.749893,0 C122.268693,0 129.642276,9.88510384 129.642276,19.6001536 C129.642276,34.2581622 119.181563,42.4386572 104.947691,42.4386572 C98.0890388,42.4386572 90.5443579,40.9049161 82.4839273,38.6901451 L82.4839273,140.272626 Z\"\n id=\"Monogram\"\n />\n </g>\n </g>\n </g>\n </g>\n </svg>\n </div>\n\n <div className=\"flex-1 text-center md:text-right md:ml-4\">\n <p\n className={cn(\n 'text-sm text-gray-600 dark:text-gray-400 flex flex-col md:flex-row md:inline gap-0',\n classNameText,\n )}\n >\n <span>\n <a\n href=\"https://tollerud.no\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className={cn(\n 'underline decoration-[#ffff00] decoration-[3px] underline-offset-[4px] hover:opacity-80 transition-opacity',\n classNameLink,\n )}\n style={{\n textDecorationThickness: '3px',\n textUnderlineOffset: '4px',\n }}\n >\n {t.tollerudProject}\n </a>\n {attribution ? (\n <>\n {' '}\n <span>{attribution}</span>\n </>\n ) : null}{' '}\n </span>\n <span className=\"md:ml-1\">{t.allRightsReserved}</span>\n </p>\n </div>\n </div>\n </footer>\n )\n}\n"]}
package/package.json ADDED
@@ -0,0 +1,50 @@
1
+ {
2
+ "name": "@tollerud/footer",
3
+ "version": "1.1.0",
4
+ "description": "Default site footer with Tollerud monogram and branding link",
5
+ "license": "MIT",
6
+ "author": "",
7
+ "repository": {
8
+ "type": "git",
9
+ "url": "https://github.com/tollerud/tollerud-footer.git"
10
+ },
11
+ "keywords": [
12
+ "footer",
13
+ "react",
14
+ "tollerud",
15
+ "nextjs"
16
+ ],
17
+ "type": "module",
18
+ "main": "./dist/index.cjs",
19
+ "module": "./dist/index.js",
20
+ "types": "./dist/index.d.ts",
21
+ "exports": {
22
+ ".": {
23
+ "import": {
24
+ "types": "./dist/index.d.ts",
25
+ "default": "./dist/index.js"
26
+ },
27
+ "require": {
28
+ "types": "./dist/index.d.ts",
29
+ "default": "./dist/index.cjs"
30
+ }
31
+ }
32
+ },
33
+ "files": [
34
+ "dist"
35
+ ],
36
+ "sideEffects": false,
37
+ "scripts": {
38
+ "build": "tsup",
39
+ "prepublishOnly": "npm run build"
40
+ },
41
+ "peerDependencies": {
42
+ "react": "^18.0.0 || ^19.0.0"
43
+ },
44
+ "devDependencies": {
45
+ "@types/react": "^19.0.0",
46
+ "react": "^19.0.0",
47
+ "tsup": "^8.3.5",
48
+ "typescript": "^5.7.2"
49
+ }
50
+ }