@venqoo/brand 0.1.0 → 0.2.0

package/README.md

@@ -31,12 +31,15 @@ import { Credit, ImprintCredit } from '@venqoo/brand/credit'
 import '@venqoo/brand/credit.css'
 
 // footer
-<Credit />                                   // Made with ♥ by venqoo in Würzburg
-<Credit variant="pill" theme="dark" />       // outline pill on a dark footer
+<Credit site="baeckerei-muster.de" />                      // Made with ♥ by venqoo in Würzburg
+<Credit site="baeckerei-muster.de" variant="pill" theme="dark" />
 
 // imprint / legal notice
-<ImprintCredit />                            // heading, sentence, address
+<ImprintCredit site="baeckerei-muster.de" />               // heading, sentence, address
+<ImprintCredit site="baeckerei-muster.de" lang="de" />     // the same, in German
+<ImprintCredit site="baeckerei-muster.de" subject="app" /> // "This app was designed…"
 <ImprintCredit
+  site="baeckerei-muster.de"
   variant="card"
   roles={[
     { term: 'App', detail: 'iOS & Android' },
@@ -45,8 +48,10 @@ import '@venqoo/brand/credit.css'
 />
 ```
 
-Every variant is a single link to `https://www.venqoo.com` that opens in a new
-tab. Copy is English only.
+Every variant links to `https://www.venqoo.com` and opens in a new tab. Pass
+`site` on every credit: it tags the link so venqoo can see where a visitor came
+from (see [Attribution and search engines](#attribution-and-search-engines)).
+Footer copy is English only; the imprint credit also comes in German.
 
 ### `<Credit>` — footer credit
 
@@ -74,19 +79,56 @@ concept / design / development / operations; pass your own, or `[]` to hide it.
 `children` replaces the descriptive sentence on `section`, and `headingLevel`
 (2–4) matches the imprint's other headings.
 
+`lang` is `'en'` (default) or `'de'`. It sets the heading, sentence, eyebrow,
+country and default roles, and the root's `lang` attribute. Custom `roles` and
+`children` are yours to translate. The default lists are exported as
+`imprintRoles.en` / `imprintRoles.de` (`defaultRoles` is the English one), so a
+project can extend them.
+
+`subject` is `'website'` (default) or `'app'` and sets the first sentence's
+subject: "This website was designed and developed by venqoo, a software agency
+in Würzburg, Germany." becomes "This app was…" on an app's legal screen. A
+second sentence says what venqoo GmbH does; `children` replaces both.
+
 ### Shared props
 
-| Prop        | Type                          | Default                  |
-| ----------- | ----------------------------- | ------------------------ |
-| `theme`     | `'light' \| 'dark' \| 'auto'` | `'light'`                |
-| `href`      | `string`                      | `https://www.venqoo.com` |
-| `newTab`    | `boolean`                     | `true`                   |
-| `className` | `string`                      | —                        |
+| Prop        | Type                                   | Default                                       |
+| ----------- | -------------------------------------- | --------------------------------------------- |
+| `site`      | `string`                               | — (set it: the client site's host)            |
+| `rel`       | `'nofollow' \| 'follow' \| 'sponsored'` | `'nofollow'` on `Credit`, `'follow'` on `ImprintCredit` |
+| `theme`     | `'light' \| 'dark' \| 'auto'`          | `'light'`                                     |
+| `href`      | `string`                               | `https://www.venqoo.com`                      |
+| `newTab`    | `boolean`                              | `true`                                        |
+| `className` | `string`                               | —                                             |
 
 `theme` switches the colour tokens: use `dark` for a dark footer, `auto` on
 sites with a colour-scheme toggle (it follows `prefers-color-scheme`). The
 component cannot see what it sits on, so `light` is the predictable default.
 
+### Attribution and search engines
+
+The package runs no script and loads nothing; the link is the whole tracker.
+With `site="baeckerei-muster.de"`, a footer credit links to
+
+```
+https://www.venqoo.com?utm_source=baeckerei-muster.de&utm_medium=credit&utm_campaign=footer&utm_content=heart
+```
+
+`utm_source` is the site (normalised to its bare host), `utm_campaign` the
+placement (`footer` or `imprint`) and `utm_content` the variant, so analytics
+on venqoo.com show which site, placement and design a visitor clicked. Without
+`site` the link is untagged; the Referer header then only names the origin, and
+not at all on sites with a strict `Referrer-Policy`. Existing query parameters
+and fragments on a custom `href` are kept. `creditHref()` builds the same URL
+for links you render yourself.
+
+`rel` says how search engines should read the link. Google asks for links that
+sit in the template of many sites to be qualified, so the footer credit is
+`nofollow` by default; the imprint credit is one editorial sentence naming the
+maker and stays `follow`. Both can be overridden per project, and `sponsored` is
+for credits that are part of a deal, such as a discount for keeping them. Links
+that open in a new tab always carry `noopener`, never `noreferrer`.
+
 ### Styling the credit
 
 All credit styles live under `.vq-credit` and are driven by CSS custom

package/dist/credit/copy.d.ts

@@ -9,17 +9,33 @@ export declare const footerCopy: {
     readonly pill: 'Made by';
     readonly pillSignal: 'Made with love by';
 };
+/** Languages the imprint credit is written in. */
+export type ImprintLang = 'en' | 'de';
+/** What the imprint credit says venqoo made: a website (default) or an app. */
+export type ImprintSubject = 'website' | 'app';
 export interface ImprintRole {
     /** What venqoo was responsible for, e.g. "Development". */
     term: string;
     /** The specifics, e.g. "Front end & back end". */
     detail: string;
 }
-export declare const imprintCopy: {
-    readonly heading: 'Concept, design & development';
-    readonly sentenceBefore: 'This website was designed and developed by';
-    readonly sentenceAfter: ', a software company in Würzburg, Germany.';
-    readonly eyebrow: 'Built by';
-};
-/** Default role list for the card; override per project with the `roles` prop. */
+interface ImprintCopy {
+    heading: string;
+    /** "This website" / "This app" — the sentence's subject. */
+    subject: Record<ImprintSubject, string>;
+    /** Between the subject and the linked name "venqoo". */
+    sentenceBefore: string;
+    /** After the linked name, including the full stop. */
+    sentenceAfter: string;
+    /** Second sentence: what venqoo GmbH does. */
+    about: string;
+    eyebrow: string;
+    country: string;
+    roles: readonly ImprintRole[];
+}
+export declare const imprintCopy: Record<ImprintLang, ImprintCopy>;
+/** Default role list for the card, per language; override per project with the `roles` prop. */
+export declare const imprintRoles: Record<ImprintLang, readonly ImprintRole[]>;
+/** The English default role list. */
 export declare const defaultRoles: readonly ImprintRole[];
+export {};

package/dist/credit/copy.js

@@ -11,15 +11,41 @@ export const footerCopy = {
     pillSignal: 'Made with love by',
 };
 export const imprintCopy = {
-    heading: 'Concept, design & development',
-    sentenceBefore: 'This website was designed and developed by',
-    sentenceAfter: ', a software company in Würzburg, Germany.',
-    eyebrow: 'Built by',
+    en: {
+        heading: 'Concept, design & development',
+        subject: { website: 'This website', app: 'This app' },
+        sentenceBefore: 'was designed and developed by',
+        sentenceAfter: ', a software agency in Würzburg, Germany.',
+        about: 'venqoo GmbH builds apps, websites and custom software and advises companies on AI strategy and AI integration.',
+        eyebrow: 'Built by',
+        country: 'Germany',
+        roles: [
+            { term: 'Concept', detail: 'UX & structure' },
+            { term: 'Design', detail: 'Visual concept' },
+            { term: 'Development', detail: 'Front end & back end' },
+            { term: 'Operations', detail: 'Hosting & maintenance' },
+        ],
+    },
+    de: {
+        heading: 'Konzept, Design & Entwicklung',
+        subject: { website: 'Diese Website', app: 'Diese App' },
+        sentenceBefore: 'wurde von',
+        sentenceAfter: ', einer Software-Agentur aus Würzburg, gestaltet und entwickelt.',
+        about: 'Die venqoo GmbH entwickelt Apps, Websites und individuelle Software und berät Unternehmen zu KI-Strategie und KI-Integration.',
+        eyebrow: 'Umgesetzt von',
+        country: 'Deutschland',
+        roles: [
+            { term: 'Konzept', detail: 'UX & Struktur' },
+            { term: 'Design', detail: 'Visuelles Konzept' },
+            { term: 'Entwicklung', detail: 'Frontend & Backend' },
+            { term: 'Betrieb', detail: 'Hosting & Wartung' },
+        ],
+    },
 };
-/** Default role list for the card; override per project with the `roles` prop. */
-export const defaultRoles = [
-    { term: 'Concept', detail: 'UX & structure' },
-    { term: 'Design', detail: 'Visual concept' },
-    { term: 'Development', detail: 'Front end & back end' },
-    { term: 'Operations', detail: 'Hosting & maintenance' },
-];
+/** Default role list for the card, per language; override per project with the `roles` prop. */
+export const imprintRoles = {
+    en: imprintCopy.en.roles,
+    de: imprintCopy.de.roles,
+};
+/** The English default role list. */
+export const defaultRoles = imprintRoles.en;

package/dist/credit/credit.d.ts

@@ -9,5 +9,9 @@ export type CreditVariant = 'heart' | 'mark' | 'pill' | 'pill-signal';
 export interface CreditProps extends CreditBaseProps {
     variant?: CreditVariant;
 }
-/** Footer credit: one link to venqoo in the style of your choice. */
-export declare function Credit({ variant, theme, className, href, newTab, }: CreditProps): import("react").JSX.Element;
+/**
+ * Footer credit: one link to venqoo in the style of your choice. Pass `site` so
+ * visits can be attributed to the client site; the link is `nofollow` unless
+ * `rel` says otherwise.
+ */
+export declare function Credit({ variant, theme, className, href, site, rel, newTab, }: CreditProps): import("react").JSX.Element;

package/dist/credit/credit.js

@@ -4,9 +4,21 @@ import { Heart, UfoMark } from '../marks.js';
 import { VENQOO } from '../venqoo.js';
 import { footerCopy as t } from './copy.js';
 import { linkAttrs } from './link.js';
-/** Footer credit: one link to venqoo in the style of your choice. */
-export function Credit({ variant = 'heart', theme = 'light', className, href, newTab, }) {
-    const a = linkAttrs({ href, newTab });
+/**
+ * Footer credit: one link to venqoo in the style of your choice. Pass `site` so
+ * visits can be attributed to the client site; the link is `nofollow` unless
+ * `rel` says otherwise.
+ */
+export function Credit({ variant = 'heart', theme = 'light', className, href, site, rel, newTab, }) {
+    const a = linkAttrs({
+        href,
+        site,
+        rel,
+        newTab,
+        placement: 'footer',
+        variant,
+        defaultRel: 'nofollow',
+    });
     const name = _jsx("span", { className: "vq-credit__name", children: VENQOO.name });
     let content;
     switch (variant) {

package/dist/credit/imprint.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import { type ImprintRole } from './copy.js';
+import { type ImprintLang, type ImprintRole, type ImprintSubject } from './copy.js';
 import type { CreditBaseProps } from './types.js';
 /**
  * - `section` — heading, sentence and address; inherits the imprint's type (default)
@@ -10,13 +10,21 @@ export interface ImprintCreditProps extends CreditBaseProps {
     variant?: ImprintCreditVariant;
     /** Heading element for `section`; match the imprint's other section headings. */
     headingLevel?: 2 | 3 | 4;
+    /** Language of the copy and the address: English (default) or German. */
+    lang?: ImprintLang;
+    /** What the sentence on `section` says venqoo made: a `website` (default) or an `app`. */
+    subject?: ImprintSubject;
     /**
      * What venqoo was responsible for in this project, shown on `card`.
-     * Defaults to concept, design, development and operations; pass `[]` to hide the list.
+     * Defaults to concept, design, development and operations in `lang`; pass `[]` to hide the list.
      */
     roles?: readonly ImprintRole[];
     /** Replaces the descriptive sentence on `section`. */
     children?: ReactNode;
 }
-/** Impressum / legal-notice credit naming venqoo GmbH as the maker of the site. */
-export declare function ImprintCredit({ variant, theme, headingLevel, roles, className, href, newTab, children, }: ImprintCreditProps): import("react").JSX.Element;
+/**
+ * Impressum / legal-notice credit naming venqoo GmbH as the maker of the site or
+ * app. Pass `site` so visits can be attributed to the client site. Its links are
+ * followed unless `rel` says otherwise: one editorial sentence, not a template.
+ */
+export declare function ImprintCredit({ variant, theme, headingLevel, lang, subject, roles, className, href, site, rel, newTab, children, }: ImprintCreditProps): import("react").JSX.Element;

package/dist/credit/imprint.js

@@ -2,16 +2,30 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 import { cx } from '../cx.js';
 import { UfoMark } from '../marks.js';
 import { VENQOO } from '../venqoo.js';
-import { defaultRoles, imprintCopy as t } from './copy.js';
+import { imprintCopy } from './copy.js';
 import { linkAttrs } from './link.js';
-/** Impressum / legal-notice credit naming venqoo GmbH as the maker of the site. */
-export function ImprintCredit({ variant = 'section', theme = 'light', headingLevel = 2, roles = defaultRoles, className, href, newTab, children, }) {
-    const a = linkAttrs({ href, newTab });
+/**
+ * Impressum / legal-notice credit naming venqoo GmbH as the maker of the site or
+ * app. Pass `site` so visits can be attributed to the client site. Its links are
+ * followed unless `rel` says otherwise: one editorial sentence, not a template.
+ */
+export function ImprintCredit({ variant = 'section', theme = 'light', headingLevel = 2, lang = 'en', subject = 'website', roles, className, href, site, rel, newTab, children, }) {
+    const t = imprintCopy[lang];
+    const roleList = roles ?? t.roles;
+    const a = linkAttrs({
+        href,
+        site,
+        rel,
+        newTab,
+        placement: 'imprint',
+        variant,
+        defaultRel: 'follow',
+    });
     const rootClass = cx('vq-credit', `vq-credit--${variant}`, className);
     const Heading = `h${headingLevel}`;
     const siteLink = (_jsx("a", { className: "vq-credit__textlink", ...a, children: VENQOO.displayUrl }));
     if (variant === 'card') {
-        return (_jsxs("section", { className: rootClass, "data-theme": theme, lang: "en", children: [_jsx("span", { className: "vq-credit__eyebrow", children: t.eyebrow }), _jsxs("a", { className: "vq-credit__link vq-credit__logo", ...a, children: [_jsx(UfoMark, { className: "vq-credit__mark" }), _jsx("span", { className: "vq-credit__wordmark", children: VENQOO.name })] }), roles.length > 0 && (_jsx("dl", { className: "vq-credit__roles", children: roles.map((role) => (_jsxs("div", { className: "vq-credit__role-item", children: [_jsx("dt", { children: role.term }), _jsx("dd", { children: role.detail })] }, role.term))) })), _jsxs("address", { className: "vq-credit__address", children: [_jsxs("span", { children: [VENQOO.legalName, " \u00B7 ", VENQOO.street, " \u00B7 ", VENQOO.postalCode, " ", VENQOO.city, " \u00B7", ' ', VENQOO.country] }), siteLink] })] }));
+        return (_jsxs("section", { className: rootClass, "data-theme": theme, lang: lang, children: [_jsx("span", { className: "vq-credit__eyebrow", children: t.eyebrow }), _jsxs("a", { className: "vq-credit__link vq-credit__logo", ...a, children: [_jsx(UfoMark, { className: "vq-credit__mark" }), _jsx("span", { className: "vq-credit__wordmark", children: VENQOO.name })] }), roleList.length > 0 && (_jsx("dl", { className: "vq-credit__roles", children: roleList.map((role) => (_jsxs("div", { className: "vq-credit__role-item", children: [_jsx("dt", { children: role.term }), _jsx("dd", { children: role.detail })] }, role.term))) })), _jsxs("address", { className: "vq-credit__address", children: [_jsxs("span", { children: [VENQOO.legalName, " \u00B7 ", VENQOO.street, " \u00B7 ", VENQOO.postalCode, " ", VENQOO.city, " \u00B7 ", t.country] }), siteLink] })] }));
     }
-    return (_jsxs("section", { className: rootClass, "data-theme": theme, lang: "en", children: [_jsx(Heading, { className: "vq-credit__heading", children: t.heading }), _jsx("p", { className: "vq-credit__body", children: children ?? (_jsxs(_Fragment, { children: [t.sentenceBefore, ' ', _jsx("a", { className: "vq-credit__textlink", ...a, children: VENQOO.legalName }), t.sentenceAfter] })) }), _jsxs("address", { className: "vq-credit__address", children: [_jsx("span", { className: "vq-credit__address-name", children: VENQOO.legalName }), _jsx("span", { children: VENQOO.street }), _jsxs("span", { children: [VENQOO.postalCode, " ", VENQOO.city] }), _jsx("span", { children: VENQOO.country }), _jsx("a", { className: "vq-credit__textlink vq-credit__textlink--quiet vq-credit__address-gap", href: `mailto:${VENQOO.email}`, children: VENQOO.email }), siteLink] })] }));
+    return (_jsxs("section", { className: rootClass, "data-theme": theme, lang: lang, children: [_jsx(Heading, { className: "vq-credit__heading", children: t.heading }), _jsx("p", { className: "vq-credit__body", children: children ?? (_jsxs(_Fragment, { children: [t.subject[subject], " ", t.sentenceBefore, ' ', _jsx("a", { className: "vq-credit__textlink", ...a, children: VENQOO.name }), t.sentenceAfter, " ", t.about] })) }), _jsxs("address", { className: "vq-credit__address", children: [_jsx("span", { className: "vq-credit__address-name", children: VENQOO.legalName }), _jsx("span", { children: VENQOO.street }), _jsxs("span", { children: [VENQOO.postalCode, " ", VENQOO.city] }), _jsx("span", { children: t.country }), _jsx("a", { className: "vq-credit__textlink vq-credit__textlink--quiet vq-credit__address-gap", href: `mailto:${VENQOO.email}`, children: VENQOO.email }), siteLink] })] }));
 }

package/dist/credit/index.d.ts

@@ -1,7 +1,9 @@
-export type { ImprintRole } from './copy.js';
-export { defaultRoles } from './copy.js';
+export type { ImprintLang, ImprintRole, ImprintSubject } from './copy.js';
+export { defaultRoles, imprintRoles } from './copy.js';
 export type { CreditProps, CreditVariant } from './credit.js';
 export { Credit } from './credit.js';
 export type { ImprintCreditProps, ImprintCreditVariant } from './imprint.js';
 export { ImprintCredit } from './imprint.js';
-export type { CreditBaseProps, CreditLinkProps, CreditTheme } from './types.js';
+export type { CreditHrefOptions, CreditPlacement } from './link.js';
+export { creditHref, normalizeSite } from './link.js';
+export type { CreditBaseProps, CreditLinkProps, CreditRel, CreditTheme } from './types.js';

package/dist/credit/index.js

@@ -1,3 +1,4 @@
-export { defaultRoles } from './copy.js';
+export { defaultRoles, imprintRoles } from './copy.js';
 export { Credit } from './credit.js';
 export { ImprintCredit } from './imprint.js';
+export { creditHref, normalizeSite } from './link.js';

package/dist/credit/link.d.ts

@@ -1,3 +1,28 @@
 import type { AnchorHTMLAttributes } from 'react';
-import type { CreditLinkProps } from './types.js';
-export declare function linkAttrs({ href, newTab, }: CreditLinkProps): Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'target' | 'rel'>;
+import type { CreditLinkProps, CreditRel } from './types.js';
+/** Where on the client site the credit sits; becomes `utm_campaign`. */
+export type CreditPlacement = 'footer' | 'imprint';
+export interface CreditHrefOptions {
+    /** Base URL; defaults to https://www.venqoo.com. */
+    href?: string;
+    /** The client site, e.g. "baeckerei-muster.de". Without it the base URL is returned as is. */
+    site?: string;
+    placement: CreditPlacement;
+    /** The component variant, e.g. "heart"; becomes `utm_content`. */
+    variant: string;
+}
+/** "https://www.Baeckerei-Muster.de/impressum" → "baeckerei-muster.de" */
+export declare function normalizeSite(site: string): string;
+/**
+ * The credit's URL with campaign parameters when a `site` is given, so a visit
+ * can be attributed to the client site, the placement and the variant. Existing
+ * query parameters and fragments on `href` are kept.
+ */
+export declare function creditHref({ href, site, placement, variant, }: CreditHrefOptions): string;
+export interface CreditLinkOptions extends CreditLinkProps {
+    placement: CreditPlacement;
+    variant: string;
+    /** Qualification used when the `rel` prop is not given. */
+    defaultRel: CreditRel;
+}
+export declare function linkAttrs({ href, site, rel, newTab, placement, variant, defaultRel, }: CreditLinkOptions): Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'target' | 'rel'>;

package/dist/credit/link.js

@@ -1,5 +1,42 @@
 import { DEFAULT_HREF } from './copy.js';
-export function linkAttrs({ href = DEFAULT_HREF, newTab = true, }) {
-    // No `noreferrer`: the Referer header is how venqoo sees which client site sent a visitor.
-    return newTab ? { href, target: '_blank', rel: 'noopener' } : { href };
+/** "https://www.Baeckerei-Muster.de/impressum" → "baeckerei-muster.de" */
+export function normalizeSite(site) {
+    return site
+        .trim()
+        .toLowerCase()
+        .replace(/^[a-z][a-z0-9+.-]*:\/\//, '')
+        .replace(/^www\./, '')
+        .replace(/[/?#].*$/, '');
+}
+/**
+ * The credit's URL with campaign parameters when a `site` is given, so a visit
+ * can be attributed to the client site, the placement and the variant. Existing
+ * query parameters and fragments on `href` are kept.
+ */
+export function creditHref({ href = DEFAULT_HREF, site, placement, variant, }) {
+    const source = site ? normalizeSite(site) : '';
+    if (!source)
+        return href;
+    const params = new URLSearchParams({
+        utm_source: source,
+        utm_medium: 'credit',
+        utm_campaign: placement,
+        utm_content: variant,
+    });
+    const hashAt = href.indexOf('#');
+    const base = hashAt === -1 ? href : href.slice(0, hashAt);
+    const hash = hashAt === -1 ? '' : href.slice(hashAt);
+    const separator = base.includes('?') ? '&' : '?';
+    return `${base}${separator}${params}${hash}`;
+}
+export function linkAttrs({ href, site, rel, newTab = true, placement, variant, defaultRel, }) {
+    const qualifier = rel ?? defaultRel;
+    // No `noreferrer`: besides the campaign parameters, the Referer header is how
+    // venqoo sees which client site sent a visitor.
+    const rels = [...(newTab ? ['noopener'] : []), ...(qualifier === 'follow' ? [] : [qualifier])];
+    return {
+        href: creditHref({ href, site, placement, variant }),
+        ...(newTab ? { target: '_blank' } : {}),
+        ...(rels.length > 0 ? { rel: rels.join(' ') } : {}),
+    };
 }

package/dist/credit/types.d.ts

@@ -4,9 +4,30 @@
  * colour-scheme toggle — the component cannot see what it sits on.
  */
 export type CreditTheme = 'light' | 'dark' | 'auto';
+/**
+ * How the link is qualified for search engines. `nofollow` and `sponsored` tell
+ * crawlers not to treat the link as an endorsement of venqoo; `follow` leaves it
+ * unqualified. `noopener` is added on top whenever the link opens in a new tab.
+ *
+ * The footer credit defaults to `nofollow`: it is the same link in the template
+ * of many sites, which Google asks to be qualified. The imprint credit defaults
+ * to `follow`: a single sentence naming the maker of the site. Use `sponsored`
+ * when the credit is part of a deal, e.g. a discount for keeping it.
+ */
+export type CreditRel = 'follow' | 'nofollow' | 'sponsored';
 export interface CreditLinkProps {
     /** Where the credit links to. Defaults to https://www.venqoo.com. */
     href?: string;
+    /**
+     * The client site the credit sits on, e.g. `"baeckerei-muster.de"`. When set,
+     * the link carries campaign parameters (`utm_source` = site, `utm_medium` =
+     * credit, `utm_campaign` = footer or imprint, `utm_content` = variant), so
+     * venqoo's analytics can tell which site, placement and design a visitor came
+     * from. Nothing runs or is tracked on the client site itself.
+     */
+    site?: string;
+    /** Search-engine qualification of the link; see {@link CreditRel} for the defaults. */
+    rel?: CreditRel;
     /** Open the link in a new tab (default) so the visitor stays on the client site. */
     newTab?: boolean;
 }

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 export type { ColorName, ColorScheme } from './colors.js';
 export { colors } from './colors.js';
-export type { CreditBaseProps, CreditLinkProps, CreditProps, CreditTheme, CreditVariant, ImprintCreditProps, ImprintCreditVariant, ImprintRole, } from './credit/index.js';
-export { Credit, defaultRoles, ImprintCredit } from './credit/index.js';
+export type { CreditBaseProps, CreditHrefOptions, CreditLinkProps, CreditPlacement, CreditProps, CreditRel, CreditTheme, CreditVariant, ImprintCreditProps, ImprintCreditVariant, ImprintLang, ImprintRole, ImprintSubject, } from './credit/index.js';
+export { Credit, creditHref, defaultRoles, ImprintCredit, imprintRoles, normalizeSite, } from './credit/index.js';
 export { fonts } from './fonts.js';
 export { Heart, Logo, UfoMark } from './marks.js';
 export { VENQOO } from './venqoo.js';

package/dist/index.js

@@ -1,5 +1,5 @@
 export { colors } from './colors.js';
-export { Credit, defaultRoles, ImprintCredit } from './credit/index.js';
+export { Credit, creditHref, defaultRoles, ImprintCredit, imprintRoles, normalizeSite, } from './credit/index.js';
 export { fonts } from './fonts.js';
 export { Heart, Logo, UfoMark } from './marks.js';
 export { VENQOO } from './venqoo.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@venqoo/brand",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "venqoo brand kit: palette, type contract, marks and SVG assets, plus \"Made by venqoo\" credit components for sites and apps built by venqoo.",
   "license": "MIT",
   "author": "venqoo GmbH (https://www.venqoo.com)",