@lilydesignsystem/nunjucks-picker-bar 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,142 @@
+import { initThemePicker } from '@lilydesignsystem/nunjucks-theme-picker';
+export { autoInit as autoInitThemePicker } from '@lilydesignsystem/nunjucks-theme-picker';
+import { initLocalePicker } from '@lilydesignsystem/nunjucks-locale-picker';
+export { autoInit as autoInitLocalePicker } from '@lilydesignsystem/nunjucks-locale-picker';
+import { initTextSizePicker } from '@lilydesignsystem/nunjucks-text-size-picker';
+export { autoInit as autoInitTextSizePicker } from '@lilydesignsystem/nunjucks-text-size-picker';
+import { initSharePicker } from '@lilydesignsystem/nunjucks-share-picker';
+export { autoInit as autoInitSharePicker } from '@lilydesignsystem/nunjucks-share-picker';
+
+// PickerBar client-side runtime.
+//
+// Pairs with picker-bar.njk. Unlike every other helper in this catalog,
+// this module owns NO lifecycle of its own: theme-picker.client.js,
+// locale-picker.client.js, text-size-picker.client.js, and
+// share-picker.client.js already own theirs, in full, independently of
+// nesting (each scans the document for its own `data-lily-*-picker-root`
+// hook). This module is a convenience wrapper that wires all four at
+// once, scoped to one `picker-bar` root, instead of requiring the
+// consumer to call four separate `init*Picker` functions.
+//
+// See spec/index.md §4.3 (client.js exports), §5 (behaviour).
+
+
+/**
+ * All 45 Lily reference theme slugs, in the same order as
+ * `DEFAULT_THEMES` in picker-bar.njk. A Nunjucks macro cannot import a
+ * JS constant, so the two copies are held in agreement by a test
+ * rather than by delegation — the same pattern this catalog already
+ * uses for `themeName`/`sizeName` (macro template syntax vs. client.js
+ * function).
+ */
+const DEFAULT_THEMES = [
+  "abyss",
+  "acid",
+  "adobe-spectrum",
+  "aqua",
+  "autumn",
+  "black",
+  "bumblebee",
+  "business",
+  "caramellatte",
+  "cmyk",
+  "coffee",
+  "corporate",
+  "cupcake",
+  "cyberpunk",
+  "dark",
+  "dim",
+  "dracula",
+  "emerald",
+  "fantasy",
+  "forest",
+  "garden",
+  "halloween",
+  "lemonade",
+  "light",
+  "lofi",
+  "luxury",
+  "mozilla-protocol",
+  "night",
+  "nord",
+  "pastel",
+  "retro",
+  "silk",
+  "sunset",
+  "synthwave",
+  "valentine",
+  "winter",
+  "wireframe",
+  "united-kingdom-government-digital-service",
+  "united-kingdom-national-health-service-england-for-patients",
+  "united-kingdom-national-health-service-england-for-practitioners",
+  "united-kingdom-national-health-service-scotland-for-patients",
+  "united-kingdom-national-health-service-scotland-for-practitioners",
+  "united-kingdom-national-health-service-wales-for-patients",
+  "united-kingdom-national-health-service-wales-for-practitioners",
+  "united-states-web-design-system",
+];
+
+/** The seven-step text-size scale, largest first. */
+const DEFAULT_SIZES = [
+  "largest",
+  "larger",
+  "large",
+  "normal",
+  "small",
+  "smaller",
+  "smallest",
+];
+
+/**
+ * Wire the four pickers inside one `[data-lily-picker-bar-root]`
+ * element. Each nested picker root is found and handed to its own
+ * sibling package's `init*Picker(root, opts)` — no different from
+ * calling all four by hand, just in one call.
+ *
+ * @param {HTMLElement} root
+ * @param {{themeProps?: object, localeProps?: object, textSizeProps?: object, shareProps?: object}=} opts
+ */
+function initPickerBar(root, opts = {}) {
+  if (!root) {
+    return { theme: null, locale: null, textSize: null, share: null };
+  }
+  const {
+    themeProps = {},
+    localeProps = {},
+    textSizeProps = {},
+    shareProps = {},
+  } = opts;
+
+  const themeRoot = root.querySelector("[data-lily-theme-picker-root]");
+  const localeRoot = root.querySelector("[data-lily-locale-picker-root]");
+  const textSizeRoot = root.querySelector(
+    "[data-lily-text-size-picker-root]",
+  );
+  const shareRoot = root.querySelector("[data-lily-share-picker-root]");
+
+  return {
+    theme: themeRoot ? initThemePicker(themeRoot, themeProps) : null,
+    locale: localeRoot ? initLocalePicker(localeRoot, localeProps) : null,
+    textSize: textSizeRoot
+      ? initTextSizePicker(textSizeRoot, textSizeProps)
+      : null,
+    share: shareRoot ? initSharePicker(shareRoot, shareProps) : null,
+  };
+}
+
+/**
+ * Find every `[data-lily-picker-bar-root]` and wire it.
+ *
+ * @param {{themeProps?: object, localeProps?: object, textSizeProps?: object, shareProps?: object}=} opts
+ * @returns {Array<ReturnType<typeof initPickerBar>>}
+ */
+function autoInit(opts = {}) {
+  if (typeof document === "undefined") return [];
+  const roots = Array.from(
+    document.querySelectorAll("[data-lily-picker-bar-root]"),
+  );
+  return roots.map((root) => initPickerBar(root, opts));
+}
+
+export { DEFAULT_SIZES, DEFAULT_THEMES, autoInit, initPickerBar };

package/dist/index.js

@@ -0,0 +1,113 @@
+// lily-design-system-nunjucks-picker-bar/picker-bar.client.js
+import {
+  initThemePicker,
+  autoInit as autoInitThemePicker
+} from "@lilydesignsystem/nunjucks-theme-picker";
+import {
+  initLocalePicker,
+  autoInit as autoInitLocalePicker
+} from "@lilydesignsystem/nunjucks-locale-picker";
+import {
+  initTextSizePicker,
+  autoInit as autoInitTextSizePicker
+} from "@lilydesignsystem/nunjucks-text-size-picker";
+import {
+  initSharePicker,
+  autoInit as autoInitSharePicker
+} from "@lilydesignsystem/nunjucks-share-picker";
+var DEFAULT_THEMES = [
+  "abyss",
+  "acid",
+  "adobe-spectrum",
+  "aqua",
+  "autumn",
+  "black",
+  "bumblebee",
+  "business",
+  "caramellatte",
+  "cmyk",
+  "coffee",
+  "corporate",
+  "cupcake",
+  "cyberpunk",
+  "dark",
+  "dim",
+  "dracula",
+  "emerald",
+  "fantasy",
+  "forest",
+  "garden",
+  "halloween",
+  "lemonade",
+  "light",
+  "lofi",
+  "luxury",
+  "mozilla-protocol",
+  "night",
+  "nord",
+  "pastel",
+  "retro",
+  "silk",
+  "sunset",
+  "synthwave",
+  "valentine",
+  "winter",
+  "wireframe",
+  "united-kingdom-government-digital-service",
+  "united-kingdom-national-health-service-england-for-patients",
+  "united-kingdom-national-health-service-england-for-practitioners",
+  "united-kingdom-national-health-service-scotland-for-patients",
+  "united-kingdom-national-health-service-scotland-for-practitioners",
+  "united-kingdom-national-health-service-wales-for-patients",
+  "united-kingdom-national-health-service-wales-for-practitioners",
+  "united-states-web-design-system"
+];
+var DEFAULT_SIZES = [
+  "largest",
+  "larger",
+  "large",
+  "normal",
+  "small",
+  "smaller",
+  "smallest"
+];
+function initPickerBar(root, opts = {}) {
+  if (!root) {
+    return { theme: null, locale: null, textSize: null, share: null };
+  }
+  const {
+    themeProps = {},
+    localeProps = {},
+    textSizeProps = {},
+    shareProps = {}
+  } = opts;
+  const themeRoot = root.querySelector("[data-lily-theme-picker-root]");
+  const localeRoot = root.querySelector("[data-lily-locale-picker-root]");
+  const textSizeRoot = root.querySelector(
+    "[data-lily-text-size-picker-root]"
+  );
+  const shareRoot = root.querySelector("[data-lily-share-picker-root]");
+  return {
+    theme: themeRoot ? initThemePicker(themeRoot, themeProps) : null,
+    locale: localeRoot ? initLocalePicker(localeRoot, localeProps) : null,
+    textSize: textSizeRoot ? initTextSizePicker(textSizeRoot, textSizeProps) : null,
+    share: shareRoot ? initSharePicker(shareRoot, shareProps) : null
+  };
+}
+function autoInit(opts = {}) {
+  if (typeof document === "undefined") return [];
+  const roots = Array.from(
+    document.querySelectorAll("[data-lily-picker-bar-root]")
+  );
+  return roots.map((root) => initPickerBar(root, opts));
+}
+export {
+  DEFAULT_SIZES,
+  DEFAULT_THEMES,
+  autoInit,
+  autoInitLocalePicker,
+  autoInitSharePicker,
+  autoInitTextSizePicker,
+  autoInitThemePicker,
+  initPickerBar
+};

package/dist/picker-bar.njk

@@ -0,0 +1,185 @@
+{#
+  PickerBar macro — composes theme-picker, locale-picker,
+  text-size-picker, and share-picker into one page-header row.
+
+  HTML tag: <div> (root) wrapping the four picker roots, unmodified.
+  CSS class: picker-bar
+  Companion runtime: picker-bar.client.js (a convenience `autoInit`
+  wrapping the four siblings' own `autoInit` — see that file; there is
+  no picker-bar-owned lifecycle of its own).
+
+  This macro owns no preference, action, or form value itself. It is a
+  composition: each of the four picker macros below is imported from
+  its own sibling PACKAGE (a real npm `dependency` declared in this
+  package's package.json — not vendored source), and rendered with its
+  own unmodified contract. `motion-picker` and `date-time-picker` are
+  deliberately excluded — see spec/index.md §1.
+
+  The import paths below assume a Nunjucks Environment whose search
+  paths include `node_modules` (the standard way to make an installed
+  package's templates resolvable) — see index.md "Install" for the
+  one-line Environment setup. In this monorepo's own dev/test tree the
+  same relative shape already holds: each sibling package sits at
+  `../lily-design-system-nunjucks-{name}-picker/dist/{name}-picker.njk`
+  relative to the catalog root, exactly where `node_modules` would
+  place it after a real install.
+#}
+{% from "lily-design-system-nunjucks-theme-picker/dist/theme-picker.njk" import themePicker %}
+{% from "lily-design-system-nunjucks-locale-picker/dist/locale-picker.njk" import localePicker %}
+{% from "lily-design-system-nunjucks-text-size-picker/dist/text-size-picker.njk" import textSizePicker %}
+{% from "lily-design-system-nunjucks-share-picker/dist/share-picker.njk" import sharePicker %}
+{#
+  All 45 Lily reference theme slugs (see `themes/` at the repo root),
+  sorted alphabetically except the United Kingdom and United States
+  government/public-sector themes, which sort last as one alphabetical
+  group of their own. Mirrors `theme-picker`'s own title-casing of each
+  slug, so no `themeLabels` override is needed for these to read well.
+  Kept in agreement with `DEFAULT_THEMES` in picker-bar.client.js by a
+  test — a Nunjucks macro cannot import a JS constant, so, as with
+  `themeName`/`sizeName` elsewhere in this catalog, the two copies are
+  held in sync by assertion rather than by delegation.
+#}
+{%- set DEFAULT_THEMES = [
+  "abyss", "acid", "adobe-spectrum", "aqua", "autumn", "black",
+  "bumblebee", "business", "caramellatte", "cmyk", "coffee",
+  "corporate", "cupcake", "cyberpunk", "dark", "dim", "dracula",
+  "emerald", "fantasy", "forest", "garden", "halloween", "lemonade",
+  "light", "lofi", "luxury", "mozilla-protocol", "night", "nord",
+  "pastel", "retro", "silk", "sunset", "synthwave", "valentine",
+  "winter", "wireframe",
+  "united-kingdom-government-digital-service",
+  "united-kingdom-national-health-service-england-for-patients",
+  "united-kingdom-national-health-service-england-for-practitioners",
+  "united-kingdom-national-health-service-scotland-for-patients",
+  "united-kingdom-national-health-service-scotland-for-practitioners",
+  "united-kingdom-national-health-service-wales-for-patients",
+  "united-kingdom-national-health-service-wales-for-practitioners",
+  "united-states-web-design-system"
+] -%}
+{#
+  The seven-step text-size scale. Each slug title-cases to exactly the
+  requested label via text-size-picker's own default label rule, so no
+  `sizeLabels` override is needed.
+#}
+{%- set DEFAULT_SIZES = [
+  "largest", "larger", "large", "normal", "small", "smaller", "smallest"
+] -%}
+{#
+  Params (single `opts` object):
+    labels        — object, required: { theme, locale, textSize, share }.
+                    The four accessible names. No English default — a
+                    nav row this catalog invented is exactly what the
+                    i18n rule exists to prevent hardcoding.
+    themesUrl     — string, required. Forwarded to theme-picker.
+    locales       — array<string>, required. Forwarded to locale-picker;
+                    no catalog default exists.
+    themes        — array<string>. Defaults to DEFAULT_THEMES (above).
+    sizes         — array<string>. Defaults to DEFAULT_SIZES (above).
+    shareTargets  — array<object>. Forwarded to share-picker's `targets`
+                    (default []). See share-picker.njk for the object
+                    shape — `href` is an already-resolved string, not a
+                    function, per that package's documented deviation.
+    themeProps    — object. Extra theme-picker opts (value, defaultValue,
+                    storageKey, detectFromSystem, name, extension,
+                    themeLabels, id, classes, attributes) — anything NOT
+                    already lifted to the top level above.
+    localeProps   — object. Extra locale-picker opts (value, defaultValue,
+                    storageKey, detectFromNavigator, name, applyDir,
+                    localeLabels, id, classes, attributes).
+    textSizeProps — object. Extra text-size-picker opts (value,
+                    defaultValue, storageKey, name, sizeLabels, id,
+                    classes, attributes). `defaultValue` defaults to
+                    "normal" here (text-size-picker's own "medium"
+                    fallback is not one of DEFAULT_SIZES' seven slugs).
+    shareProps    — object. Extra share-picker opts (url, title, text,
+                    copyLabel, copiedLabel, copyFailedLabel, strategy,
+                    name, id, classes, attributes).
+    classes       — string. Extra CSS classes on the picker-bar root.
+    attributes    — object. Extra HTML attributes spread onto the root.
+
+  Unlike the Svelte canonical's `children` snippet passthrough, a
+  Nunjucks macro call accepts at most one `{% call %}` block, so
+  picker-bar cannot route a custom glyph to one specific nested picker.
+  Compose the four macros directly if you need a custom glyph on just
+  one of them — see spec/index.md §4.4.
+
+  Usage:
+    {% from "lily-design-system-nunjucks-picker-bar/dist/picker-bar.njk" import pickerBar %}
+    {{ pickerBar({
+      labels: { theme: "Theme", locale: "Language", textSize: "Text size", share: "Share" },
+      themesUrl: "/assets/themes/",
+      locales: ["en", "cy"]
+    }) }}
+
+  Spec: spec/index.md §4 (macro parameters), §5 (defaults).
+#}
+{%- macro pickerBar(opts) -%}
+{%- set themes = opts.themes | default(DEFAULT_THEMES) -%}
+{%- set sizes = opts.sizes | default(DEFAULT_SIZES) -%}
+{%- set themeProps = opts.themeProps | default({}) -%}
+{%- set localeProps = opts.localeProps | default({}) -%}
+{%- set textSizeProps = opts.textSizeProps | default({}) -%}
+{%- set shareProps = opts.shareProps | default({}) -%}
+<div
+  class="picker-bar{% if opts.classes %} {{ opts.classes }}{% endif %}"
+  data-lily-picker-bar-root
+  {%- if opts.attributes %}{% for k, v in opts.attributes %} {{ k }}="{{ v }}"{% endfor %}{% endif %}
+>
+{{ themePicker({
+  label: opts.labels.theme,
+  themesUrl: opts.themesUrl,
+  themes: themes,
+  value: themeProps.value,
+  defaultValue: themeProps.defaultValue,
+  storageKey: themeProps.storageKey,
+  detectFromSystem: themeProps.detectFromSystem,
+  name: themeProps.name,
+  extension: themeProps.extension,
+  themeLabels: themeProps.themeLabels,
+  id: themeProps.id,
+  classes: themeProps.classes,
+  attributes: themeProps.attributes
+}) }}
+{{ localePicker({
+  label: opts.labels.locale,
+  locales: opts.locales,
+  value: localeProps.value,
+  defaultValue: localeProps.defaultValue,
+  storageKey: localeProps.storageKey,
+  detectFromNavigator: localeProps.detectFromNavigator,
+  name: localeProps.name,
+  applyDir: localeProps.applyDir,
+  localeLabels: localeProps.localeLabels,
+  id: localeProps.id,
+  classes: localeProps.classes,
+  attributes: localeProps.attributes
+}) }}
+{{ textSizePicker({
+  label: opts.labels.textSize,
+  sizes: sizes,
+  value: textSizeProps.value,
+  defaultValue: textSizeProps.defaultValue | default("normal"),
+  storageKey: textSizeProps.storageKey,
+  name: textSizeProps.name,
+  sizeLabels: textSizeProps.sizeLabels,
+  id: textSizeProps.id,
+  classes: textSizeProps.classes,
+  attributes: textSizeProps.attributes
+}) }}
+{{ sharePicker({
+  label: opts.labels.share,
+  targets: opts.shareTargets | default([]),
+  url: shareProps.url,
+  title: shareProps.title,
+  text: shareProps.text,
+  copyLabel: shareProps.copyLabel,
+  copiedLabel: shareProps.copiedLabel,
+  copyFailedLabel: shareProps.copyFailedLabel,
+  strategy: shareProps.strategy,
+  name: shareProps.name,
+  id: shareProps.id,
+  classes: shareProps.classes,
+  attributes: shareProps.attributes
+}) }}
+</div>
+{%- endmacro -%}

package/index.md

@@ -0,0 +1,140 @@
+# Lily Design System™ — Nunjucks PickerBar
+
+A single page-header macro that composes four of the Lily
+[`*-picker` helpers](../index.md) in this catalog — theme, locale,
+text size, and share — with two catalog-wide defaults pre-wired, so
+you can call one macro instead of assembling and configuring four.
+
+`motion-picker` and `date-time-picker` are not part of the bar: motion
+has no natural spot next to the other three header preferences, and
+`date-time-picker` is a form control, not a header control.
+
+## Install
+
+```sh
+npm install @lilydesignsystem/nunjucks-picker-bar
+```
+
+`@lilydesignsystem/nunjucks-theme-picker`, `-locale-picker`,
+`-text-size-picker`, and `-share-picker` install automatically as
+regular dependencies — `pickerBar` is a thin wrapper around them, not
+a reimplementation.
+
+Point your Nunjucks `Environment` at `node_modules` so the macro's
+cross-package imports resolve:
+
+```js
+import nunjucks from "nunjucks";
+const env = nunjucks.configure(["views", "node_modules"], { autoescape: true });
+```
+
+## Usage
+
+```njk
+{% from "lily-design-system-nunjucks-picker-bar/dist/picker-bar.njk" import pickerBar %}
+
+{{ pickerBar({
+  labels: {
+    theme: "Theme",
+    locale: "Language",
+    textSize: "Text size",
+    share: "Share"
+  },
+  themesUrl: "/assets/themes/",
+  locales: ["en", "cy", "gd", "ga"],
+  shareTargets: [
+    { id: "email", label: "Email", href: "mailto:?subject=Check this out&body=https://example.com" }
+  ]
+}) }}
+```
+
+Then load `picker-bar.client.js` once and call `autoInit()`:
+
+```html
+<script type="module">
+  import { autoInit } from "/path/to/picker-bar.client.js";
+  autoInit();
+</script>
+```
+
+That's a complete, working header row: 45 themes, four locales, the
+seven-step text-size scale, and one share destination plus copy-to-URL
+if you add `shareProps: { copyLabel: "Copy link" }`.
+
+Note the [`share-picker` deviation](../lily-design-system-nunjucks-share-picker/index.md):
+`href` in `shareTargets` is an already-resolved string, not a
+function — a Nunjucks macro cannot call an arbitrary JS function.
+
+## Defaults
+
+- **`themes`** defaults to `DEFAULT_THEMES` — all 45 Lily reference
+  theme slugs, alphabetical, with the 8 United Kingdom / United States
+  government themes moved to their own alphabetical group at the
+  bottom. Pass your own `themes` array to override.
+- **`sizes`** defaults to `DEFAULT_SIZES` — the seven-step scale
+  `largest`, `larger`, `large`, `normal`, `small`, `smaller`,
+  `smallest` — and the text-size picker starts on `normal`. Pass your
+  own `sizes` array (and `textSizeProps: { defaultValue: "…" }` if
+  you want a different starting point) to override.
+
+Both are exported from the client.js module too:
+
+```js
+import { DEFAULT_THEMES, DEFAULT_SIZES } from "@lilydesignsystem/nunjucks-picker-bar";
+```
+
+## Passing extra params to one picker
+
+Each wrapped picker takes a `*Props` object for anything beyond what
+`pickerBar` lifts to the top level — persistence, initial value,
+detection, a `*Labels` override map, an `id`:
+
+```njk
+{{ pickerBar({
+  labels: { theme: "Theme", locale: "Language", textSize: "Text size", share: "Share" },
+  themesUrl: "/assets/themes/",
+  locales: ["en", "cy"],
+  themeProps: { storageKey: "lily-theme", detectFromSystem: true },
+  localeProps: { storageKey: "lily-locale", detectFromNavigator: true },
+  textSizeProps: { storageKey: "lily-text-size" },
+  shareProps: { copyLabel: "Copy link", copiedLabel: "Copied" }
+}) }}
+```
+
+Unlike the Svelte canonical, `pickerBar` cannot route a custom glyph to
+one specific picker (a Nunjucks macro call accepts only one
+`{% call %}` block) — compose the four macros directly if you need
+that.
+
+## Styling
+
+`pickerBar` renders no CSS of its own beyond the `picker-bar` root
+wrapper — style each child through its own package's class hooks
+(`theme-picker`, `locale-picker`, `text-size-picker`, `share-picker`;
+see each package's own `index.md`). A typical header layout:
+
+```css
+.picker-bar {
+  display: flex;
+  gap: var(--theme-space-sm, 0.5rem);
+  align-items: center;
+}
+```
+
+## Accessibility
+
+Every accessible name comes from `labels` — there is no English
+default, because a set of names this catalog invented is exactly the
+case the rest of Lily's i18n rule exists for. Each wrapped picker keeps
+its own WAI-ARIA APG contract unchanged; see that picker's own
+`index.md`. As with every helper in this catalog, none of the four is
+operable until its client.js has run — see each package's own
+`docs/ssr.md`.
+
+## Full contract
+
+See [`spec/index.md`](./spec/index.md).
+
+---
+
+Lily™ and Lily Design System™ are trademarks.

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@lilydesignsystem/nunjucks-picker-bar",
+  "version": "0.1.0",
+  "engines": {
+    "node": "=26"
+  },
+  "description": "Lily Design System Nunjucks picker bar: composes theme-picker, locale-picker, text-size-picker, and share-picker into one page-header row. Headless, SSR-safe, no CSS.",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./template": "./dist/picker-bar.njk"
+  },
+  "files": [
+    "dist",
+    "index.md",
+    "README.md"
+  ],
+  "scripts": {
+    "prepublishOnly": "cd .. && npm run build"
+  },
+  "dependencies": {
+    "@lilydesignsystem/nunjucks-theme-picker": "^0.1.0",
+    "@lilydesignsystem/nunjucks-locale-picker": "^0.1.0",
+    "@lilydesignsystem/nunjucks-text-size-picker": "^0.1.0",
+    "@lilydesignsystem/nunjucks-share-picker": "^0.1.0"
+  },
+  "keywords": [
+    "lily",
+    "design",
+    "system",
+    "nunjucks",
+    "picker",
+    "picker-bar",
+    "theme",
+    "locale",
+    "text-size",
+    "share"
+  ],
+  "author": "Joel Parker Henderson <joel@joelparkerhenderson.com>",
+  "license": "MIT OR Apache-2.0 OR GPL-2.0-only OR GPL-3.0-only OR BSD-3-Clause",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/LilyDesignSystem/lily-design-system-nunjucks-helpers.git",
+    "directory": "lily-design-system-nunjucks-picker-bar"
+  },
+  "homepage": "https://lilydesignsystem.com/",
+  "bugs": {
+    "url": "https://github.com/LilyDesignSystem/lily-design-system/issues"
+  }
+}