@msqd/lydia 0.0.0-stage → 0.6.0

package/dist/Components/Facets/Variants/DateRangeFacet.d.ts

@@ -0,0 +1,47 @@
+import { type FoldableProps } from "../../Utilities/Foldable.js";
+import { type FilterChangeHandler, type Filters } from "../../../Models/Filters/index.js";
+import { type ComponentProps } from "react";
+export interface DateRangeFacetProps extends ComponentProps<"div"> {
+    /** Filter name/key in the filters object */
+    name: string;
+    /** Display title for the facet */
+    title: string;
+    /** Current filter values */
+    filters: Filters;
+    /** Unified filter change handler */
+    onFiltersChange: FilterChangeHandler;
+    /** Whether the facet should be open by default */
+    defaultOpen?: boolean;
+    /**
+     * Where the facet's title sits in the document outline, if that is not `h5`.
+     *
+     * Forwarded to `Foldable`, which draws the title and cannot know what
+     * precedes it. A rail headed `h2` whose facets are fixed at `h5` skips two
+     * levels, which is WCAG 1.3.1 -- and a consumer had no way to say so, because
+     * this component did not pass the prop on.
+     */
+    headingLevel?: FoldableProps["headingLevel"];
+    /** Placeholder text for start date input */
+    startDatePlaceholder?: string;
+    /** Placeholder text for end date input */
+    endDatePlaceholder?: string;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * DateRangeFacet component for date range filtering using a date range selector.
+ * Allows users to select a start and end date to filter results.
+ *
+ * @example
+ * ```tsx
+ * <DateRangeFacet
+ *   name="time"
+ *   title="Time Range"
+ *   filters={filters}
+ *   onFiltersChange={onFiltersChange}
+ *   startDatePlaceholder="Start date"
+ *   endDatePlaceholder="End date"
+ * />
+ * ```
+ */
+export declare function DateRangeFacet({ name, title, filters, onFiltersChange, defaultOpen, headingLevel, startDatePlaceholder, endDatePlaceholder, className, ...props }: DateRangeFacetProps): import("react/jsx-runtime").JSX.Element;

package/dist/Components/Facets/Variants/DateRangeFacet.js

@@ -0,0 +1,51 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Foldable as u } from "../../Utilities/Foldable.js";
+import "react";
+import { FacetResetLink as v } from "../FacetResetLink.js";
+import { readDates as F } from "../../../Models/Filters/read.js";
+import { DateRangeSelector as A } from "../../Inputs/DateRangeSelector/DateRangeSelector.js";
+function C({
+  name: o,
+  title: n,
+  filters: d,
+  onFiltersChange: s,
+  defaultOpen: i = !0,
+  headingLevel: D,
+  startDatePlaceholder: c = "Start date",
+  endDatePlaceholder: l = "End date",
+  className: m,
+  ...f
+}) {
+  const h = (t) => {
+    const a = {};
+    t.startDate && t.startDate.trim() && (a.startDate = t.startDate), t.endDate && t.endDate.trim() && (a.endDate = t.endDate), s(o, Object.keys(a).length > 0 ? a : void 0);
+  }, e = F(d, o), R = {
+    startDate: e.startDate || "",
+    endDate: e.endDate || ""
+  }, p = !!(e.startDate || e.endDate) ? /* @__PURE__ */ r(v, { title: n, onReset: () => {
+    s(o, void 0);
+  }, children: "reset" }) : void 0;
+  return /* @__PURE__ */ r(
+    u,
+    {
+      title: n,
+      titleAction: p,
+      defaultOpen: i,
+      headingLevel: D,
+      className: m,
+      ...f,
+      children: /* @__PURE__ */ r(
+        A,
+        {
+          value: R,
+          onChange: h,
+          startDatePlaceholder: c,
+          endDatePlaceholder: l
+        }
+      )
+    }
+  );
+}
+export {
+  C as DateRangeFacet
+};

package/dist/Components/Facets/Variants/MultipleChoiceFacet.d.ts

@@ -0,0 +1,67 @@
+import { type FoldableProps } from "../../Utilities/Foldable.js";
+import { type FilterChangeHandler, type Filters } from "../../../Models/Filters/index.js";
+import { type ComponentProps } from "react";
+import { type FacetOption } from "./nestedValues.js";
+export type { FacetOption } from "./nestedValues.js";
+export interface MultipleChoiceFacetProps extends ComponentProps<"div"> {
+    /** Filter name/key in the filters object */
+    name: string;
+    /** Display title for the facet */
+    title: string;
+    /** Current filter values */
+    filters: Filters;
+    /** Unified filter change handler */
+    onFiltersChange: FilterChangeHandler;
+    /**
+     * Values this facet can offer, with their counts. Only the consumer knows what exists in the
+     * whole result set, so an absent or empty list renders an empty facet rather than a guess.
+     *
+     * An option with `under` is a class (`"4"`, labelled "4xx") whose codes (`"404"`) hang beneath it. In
+     * `filters` a class is chosen whole (`"4"`), as some codes (`"404"`), or as every code but some (`"4"`
+     * then `"-404"`). ADR 0002 has the full rules.
+     */
+    options?: FacetOption[];
+    /** Fallback name to use when option name is "NULL" or similar */
+    fallbackName?: string;
+    /** Whether the facet should be open by default */
+    defaultOpen?: boolean;
+    /**
+     * Says what the counts are counts of. Counts come from the whole result set, so selecting a value in another facet
+     * does not change them, and a number beside a value would otherwise read as "what I would get". The caption
+     * describes the option group for a screen reader. Pass an empty string to drop it. Shown only when an option has a
+     * count.
+     */
+    countsCaption?: string;
+    /**
+     * Where the facet's title sits in the document outline, if that is not `h5`.
+     *
+     * Forwarded to `Foldable`, which draws the title and cannot know what
+     * precedes it. A rail headed `h2` whose facets are fixed at `h5` skips two
+     * levels, which is WCAG 1.3.1 -- and a consumer had no way to say so, because
+     * this component did not pass the prop on.
+     */
+    headingLevel?: FoldableProps["headingLevel"];
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * MultipleChoiceFacet component for multi-select filters with "only" buttons.
+ * Allows users to select multiple options from a list using checkboxes.
+ * A tick narrows to its value; nothing ticked means no filter.
+ * An option with `under` nests its codes beneath it (ADR 0002).
+ *
+ * @example
+ * ```tsx
+ * <MultipleChoiceFacet
+ *   name="status"
+ *   title="Status"
+ *   filters={filters}
+ *   onFiltersChange={onFiltersChange}
+ *   options={[
+ *     { name: "2xx", label: "2xx Success", count: 756 },
+ *     { name: "4xx", label: "4xx Client Error", count: 123 }
+ *   ]}
+ * />
+ * ```
+ */
+export declare function MultipleChoiceFacet({ name, title, filters, onFiltersChange, options, fallbackName, defaultOpen, countsCaption, headingLevel, className, ...props }: MultipleChoiceFacetProps): import("react/jsx-runtime").JSX.Element;

package/dist/Components/Facets/Variants/MultipleChoiceFacet.js

@@ -0,0 +1,200 @@
+import { jsxs as m, jsx as a, Fragment as J } from "react/jsx-runtime";
+import { ChevronRightIcon as K, ChevronDownIcon as Q, XMarkIcon as W } from "@heroicons/react/16/solid";
+import { Foldable as Y } from "../../Utilities/Foldable.js";
+import { useState as L, useId as Z, Fragment as ee } from "react";
+import { twMerge as te } from "tailwind-merge";
+import { FacetCount as ne } from "../FacetCount.js";
+import { countsCaptionOf as re, DEFAULT_COUNTS_CAPTION as ae, FacetCountsCaption as ce } from "../FacetCountsCaption.js";
+import { FacetInnerLightButton as se } from "../FacetInnerLightButton.js";
+import { FacetResetLink as ie } from "../FacetResetLink.js";
+import { readSelection as le, isNested as k, toggleCode as E, isCodeTicked as oe, toggleOption as de, writeSelection as me } from "./nestedValues.js";
+import { readArray as he } from "../../../Models/Filters/read.js";
+import { Checkbox as ue } from "../../Inputs/Checkbox/Checkbox.js";
+function R({
+  id: d,
+  label: p,
+  count: g,
+  checked: f,
+  indeterminate: s,
+  describedBy: y,
+  description: h,
+  onChange: N,
+  before: C,
+  onOnly: b,
+  className: w
+}) {
+  const l = `${d}-description`, u = [h && l, y].filter(Boolean).join(" ") || void 0;
+  return (
+    // "only" follows the name and sits outside the label: a label may hold
+    // nothing interactive but its own control, and some browsers pass a
+    // click on a button inside it to the box. The count is taken out of
+    // the flow into the padding on the right (wide enough for 7 digits), so it is one column that
+    // "only" appearing, or being absent, cannot shift.
+    /* @__PURE__ */ m("div", { className: te("group relative flex items-center pr-14", w), children: [
+      C,
+      /* @__PURE__ */ a(
+        ue,
+        {
+          containerProps: { className: "static w-auto min-w-0" },
+          id: d,
+          name: d,
+          label: /* @__PURE__ */ m(J, { children: [
+            /* @__PURE__ */ a("span", { className: "block truncate", title: h, children: p }),
+            g !== void 0 && /* @__PURE__ */ a(ne, { count: g, className: "absolute right-0 top-1/2 -translate-y-1/2 tabular-nums" })
+          ] }),
+          checked: f,
+          indeterminate: s,
+          "aria-describedby": u,
+          onChange: N
+        }
+      ),
+      h && /* @__PURE__ */ a("span", { id: l, className: "sr-only", children: h }),
+      b && /* @__PURE__ */ a("span", { className: "shrink-0 opacity-0 group-hover:opacity-100 focus-within:opacity-100 transition-opacity", children: /* @__PURE__ */ a(se, { label: "only", handler: b }) })
+    ] })
+  );
+}
+function Ie({
+  name: d,
+  title: p,
+  filters: g,
+  onFiltersChange: f,
+  options: s = [],
+  fallbackName: y,
+  defaultOpen: h = !0,
+  countsCaption: N = ae,
+  headingLevel: C,
+  className: b,
+  ...w
+}) {
+  const l = he(g, d), u = le(l, s), T = s.some(k), [I, U] = L([]), [A, j] = L([]), x = s.filter((e) => k(e) && !I.includes(e.name));
+  x.length > 0 && (U([...I, ...x.map((e) => e.name)]), j([
+    ...A,
+    ...x.filter((e) => u[s.indexOf(e)].kind !== "none").map((e) => e.name)
+  ]));
+  const B = (e, t) => j((n) => [...n.filter((i) => i !== e), ...t ? [e] : []]), O = (e, t) => {
+    const n = me(
+      u.map((i, r) => r === e ? t : i),
+      s,
+      l
+    );
+    f(d, n.length === 0 ? void 0 : n);
+  }, $ = (e) => {
+    const t = de(u[e]);
+    O(e, t), k(s[e]) && B(s[e].name, t.kind === "whole");
+  }, M = Z(), c = (...e) => [M, ...e].join("-"), F = re(s, N), D = (e, t) => {
+    f(d, [e]), document.getElementById(t)?.focus();
+  }, P = () => {
+    f(d, void 0);
+  }, S = (e, t) => l.length > 0 && !(l.length === 1 && l[0] === e) ? () => D(e, t) : void 0, _ = l.length > 0 ? /* @__PURE__ */ a(ie, { title: p, onReset: P, children: "reset" }) : void 0, v = (e) => e.label || (e.name === "NULL" && y ? y : e.name), V = (e, t, n, i) => /* @__PURE__ */ a(
+    "div",
+    {
+      id: c(t, "codes"),
+      role: "group",
+      "aria-label": v(e),
+      hidden: i,
+      className: "space-y-2 ps-11 pt-2",
+      children: e.under.map((r, o) => /* @__PURE__ */ a(
+        R,
+        {
+          id: c(t, o),
+          label: v(r),
+          description: r.description,
+          count: r.count,
+          checked: oe(n, r.name),
+          onChange: () => O(t, E(n, e, r.name)),
+          onOnly: S(r.name, c(t, o))
+        },
+        r.name
+      ))
+    }
+  ), X = (e, t, n, i, r) => {
+    const o = r + 1 < n.length ? c(t, "except", r + 1) : c(t);
+    document.getElementById(o)?.focus(), O(t, E(i, e, n[r]));
+  }, q = (e, t, n, i) => /* @__PURE__ */ m("div", { className: "flex flex-wrap items-center gap-1 ps-11 pt-1 text-xs text-gray-600", children: [
+    /* @__PURE__ */ m("span", { id: c(t, "except"), className: "sr-only", children: [
+      "except ",
+      n.join(", ")
+    ] }),
+    /* @__PURE__ */ a("span", { "aria-hidden": !0, children: "except" }),
+    n.map((r, o) => /* @__PURE__ */ m(
+      "button",
+      {
+        id: c(t, "except", o),
+        type: "button",
+        "aria-label": `Include ${r} again`,
+        onClick: () => X(e, t, n, i, o),
+        className: "inline-flex cursor-pointer items-center gap-0.5 rounded bg-gray-100 px-1.5 leading-5 text-gray-800 hover:bg-gray-200",
+        children: [
+          r,
+          /* @__PURE__ */ a(W, { "aria-hidden": !0, className: "h-3 w-3" })
+        ]
+      },
+      r
+    ))
+  ] }), z = (e, t) => {
+    const n = u[t], i = (H = {}) => /* @__PURE__ */ a(
+      R,
+      {
+        id: c(t),
+        label: v(e),
+        description: e.description,
+        count: e.count,
+        checked: n.kind === "whole",
+        onChange: () => $(t),
+        onOnly: S(e.name, c(t)),
+        ...H
+      }
+    );
+    if (!k(e))
+      return /* @__PURE__ */ a(ee, { children: i({ className: T ? "ps-4" : void 0 }) }, e.name);
+    const r = !A.includes(e.name), o = r ? K : Q, G = n.kind === "minus" ? n.excluded : [];
+    return /* @__PURE__ */ m("div", { children: [
+      i({
+        indeterminate: n.kind === "some" || n.kind === "minus",
+        describedBy: n.kind === "minus" ? c(t, "except") : void 0,
+        before: /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            "aria-label": `${v(e)} codes`,
+            "aria-expanded": !r,
+            "aria-controls": c(t, "codes"),
+            onClick: () => B(e.name, r),
+            className: "-ms-1 me-1 flex h-6 w-4 shrink-0 cursor-pointer items-center justify-center text-gray-600 hover:text-gray-900",
+            children: /* @__PURE__ */ a(o, { "aria-hidden": !0, className: "h-4 w-4" })
+          }
+        )
+      }),
+      n.kind === "minus" && q(e, t, G, n),
+      V(e, t, n, r)
+    ] }, e.name);
+  };
+  return /* @__PURE__ */ m(
+    Y,
+    {
+      title: p,
+      titleAction: _,
+      defaultOpen: h,
+      headingLevel: C,
+      className: b,
+      ...w,
+      children: [
+        s.length === 0 && /* @__PURE__ */ a("p", { className: "text-xs text-gray-500 italic", children: "No values" }),
+        F && /* @__PURE__ */ a(ce, { id: c("caption"), children: F }),
+        /* @__PURE__ */ a(
+          "div",
+          {
+            role: "group",
+            "aria-label": p,
+            "aria-describedby": F ? c("caption") : void 0,
+            className: "space-y-2",
+            children: s.map(z)
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  Ie as MultipleChoiceFacet
+};

package/dist/Components/Facets/Variants/PerformanceFacet.d.ts

@@ -0,0 +1,61 @@
+import { type FoldableProps } from "../../Utilities/Foldable.js";
+import { type FilterChangeHandler, type Filters } from "../../../Models/Filters/index.js";
+import { type ComponentProps } from "react";
+type SliderValue = {
+    min: number;
+    max: number;
+};
+type TpdexBounds = {
+    min?: number;
+    max?: number;
+};
+/**
+ * Slider positions to tpdex bounds.
+ *
+ * Marks follow `tpdexScale`, best rating first, so the left thumb bounds the score from above and the
+ * right thumb from below. A thumb at its end of the track sets no bound.
+ */
+export declare function sliderToFilter(slider: SliderValue): TpdexBounds;
+/**
+ * Tpdex bounds to slider positions. A bound between two marks sits on the next mark at or below it,
+ * and a bound that no mark can show leaves its thumb at the end of the track.
+ */
+export declare function filterToSlider({ min, max }: TpdexBounds): SliderValue;
+export interface PerformanceFacetProps extends ComponentProps<"div"> {
+    /** Filter name/key in the filters object */
+    name: string;
+    /** Display title for the facet */
+    title: string;
+    /** Current filter values */
+    filters: Filters;
+    /** Unified filter change handler */
+    onFiltersChange: FilterChangeHandler;
+    /** Whether the facet should be open by default */
+    defaultOpen?: boolean;
+    /**
+     * Where the facet's title sits in the document outline, if that is not `h5`.
+     *
+     * Forwarded to `Foldable`, which draws the title and cannot know what
+     * precedes it. A rail headed `h2` whose facets are fixed at `h5` skips two
+     * levels, which is WCAG 1.3.1 -- and a consumer had no way to say so, because
+     * this component did not pass the prop on.
+     */
+    headingLevel?: FoldableProps["headingLevel"];
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * PerformanceFacet component for TPDEX performance index filtering using a range slider.
+ *
+ * @example
+ * ```tsx
+ * <PerformanceFacet
+ *   name="tpdex"
+ *   title="Performance Index"
+ *   filters={filters}
+ *   onFiltersChange={onFiltersChange}
+ * />
+ * ```
+ */
+export declare function PerformanceFacet({ name, title, filters, onFiltersChange, defaultOpen, headingLevel, className, ...props }: PerformanceFacetProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Components/Facets/Variants/PerformanceFacet.js

@@ -0,0 +1,77 @@
+import { jsx as l } from "react/jsx-runtime";
+import { Foldable as R } from "../../Utilities/Foldable.js";
+import { tpdexScale as s } from "../../../Models/Tpdex.js";
+import "react";
+import { FacetResetLink as b } from "../FacetResetLink.js";
+import { readRange as g } from "../../../Models/Filters/read.js";
+import { RangeSlider as k } from "../../Inputs/Sliders/RangeSlider.js";
+const r = 10, F = s.map((e, o) => ({
+  value: o * r,
+  label: e.label,
+  className: e.className
+})), n = {
+  min: 0,
+  max: (s.length - 1) * r,
+  step: r,
+  marks: F
+};
+function A(e) {
+  const o = e.min === n.min ? void 0 : s[e.min / r]?.threshold, t = s[e.max / r]?.threshold;
+  return {
+    ...t !== void 0 && { min: t },
+    ...o !== void 0 && { max: o - 1 }
+  };
+}
+function I({ min: e, max: o }) {
+  const t = e === void 0 ? -1 : s.findIndex((i) => i.threshold !== void 0 && i.threshold <= e), m = o === void 0 ? -1 : s.findIndex((i, a) => a > 0 && i.threshold !== void 0 && i.threshold - 1 <= o);
+  return {
+    min: m < 0 || (o ?? 0) >= 100 ? n.min : m * r,
+    max: t < 0 ? n.max : t * r
+  };
+}
+function E({
+  name: e,
+  title: o,
+  filters: t,
+  onFiltersChange: m,
+  defaultOpen: i = !0,
+  headingLevel: a,
+  className: p,
+  ...x
+}) {
+  const d = g(t, e), v = (c) => {
+    const h = A({ min: c.min ?? n.min, max: c.max ?? n.max });
+    m(e, Object.keys(h).length > 0 ? h : void 0);
+  }, u = I(d), f = d.min !== void 0 || d.max !== void 0 ? /* @__PURE__ */ l(b, { title: o, onReset: () => {
+    m(e, void 0);
+  }, children: "reset" }) : void 0;
+  return /* @__PURE__ */ l(
+    R,
+    {
+      title: o,
+      titleAction: f,
+      defaultOpen: i,
+      headingLevel: a,
+      className: p,
+      ...x,
+      children: /* @__PURE__ */ l(
+        k,
+        {
+          min: n.min,
+          max: n.max,
+          step: n.step,
+          value: u,
+          onChange: v,
+          marks: n.marks,
+          label: o,
+          className: "mt-4"
+        }
+      )
+    }
+  );
+}
+export {
+  E as PerformanceFacet,
+  I as filterToSlider,
+  A as sliderToFilter
+};

package/dist/Components/Facets/Variants/SingleChoiceFacet.d.ts

@@ -0,0 +1,56 @@
+import { type FoldableProps } from "../../Utilities/Foldable.js";
+import { type FilterChangeHandler, type FilterMeta, type Filters } from "../../../Models/Filters/index.js";
+import { type ComponentProps } from "react";
+export interface SingleChoiceFacetProps extends ComponentProps<"div"> {
+    /** Filter name/key in the filters object */
+    name: string;
+    /** Display title for the facet */
+    title: string;
+    /** Current filter values */
+    filters: Filters;
+    /** Unified filter change handler */
+    onFiltersChange: FilterChangeHandler;
+    /** Available options for the radio filter */
+    options: FilterMeta[];
+    /** Fallback name to use when option name is "NULL" or similar */
+    fallbackName?: string;
+    /** Whether the facet should be open by default */
+    defaultOpen?: boolean;
+    /**
+     * Says what the counts are counts of. Counts come from the whole result set, so selecting a value in another facet
+     * does not change them, and a number beside a value would otherwise read as "what I would get". The caption
+     * describes the option group for a screen reader. Pass an empty string to drop it. Shown only when an option has a
+     * count.
+     */
+    countsCaption?: string;
+    /**
+     * Where the facet's title sits in the document outline, if that is not `h5`.
+     *
+     * Forwarded to `Foldable`, which draws the title and cannot know what
+     * precedes it. A rail headed `h2` whose facets are fixed at `h5` skips two
+     * levels, which is WCAG 1.3.1 -- and a consumer had no way to say so, because
+     * this component did not pass the prop on.
+     */
+    headingLevel?: FoldableProps["headingLevel"];
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * SingleChoiceFacet component for single-select filters using radio buttons.
+ * Allows users to select only one option from a list.
+ *
+ * @example
+ * ```tsx
+ * <SingleChoiceFacet
+ *   name="sortBy"
+ *   title="Sort By"
+ *   filters={filters}
+ *   onFiltersChange={onFiltersChange}
+ *   options={[
+ *     { name: "newest", label: "Newest First", count: undefined },
+ *     { name: "oldest", label: "Oldest First", count: undefined }
+ *   ]}
+ * />
+ * ```
+ */
+export declare function SingleChoiceFacet({ name, title, filters, onFiltersChange, options, fallbackName, defaultOpen, countsCaption, headingLevel, className, ...props }: SingleChoiceFacetProps): import("react/jsx-runtime").JSX.Element;

package/dist/Components/Facets/Variants/SingleChoiceFacet.js

@@ -0,0 +1,54 @@
+import { jsxs as F, jsx as r } from "react/jsx-runtime";
+import { Foldable as L } from "../../Utilities/Foldable.js";
+import { useId as N } from "react";
+import { countsCaptionOf as v, DEFAULT_COUNTS_CAPTION as x, FacetCountsCaption as y } from "../FacetCountsCaption.js";
+import { FacetLabel as I } from "../FacetLabel.js";
+import { readSingle as O } from "../../../Models/Filters/read.js";
+import { Radio as S } from "../../Inputs/Radio/Radio.js";
+function E({
+  name: a,
+  title: c,
+  filters: i,
+  onFiltersChange: d,
+  options: o,
+  fallbackName: m,
+  defaultOpen: l = !0,
+  countsCaption: s = x,
+  headingLevel: u,
+  className: f,
+  ...h
+}) {
+  const p = O(i, a), t = N(), n = v(o, s), C = (e) => {
+    d(a, e);
+  };
+  return /* @__PURE__ */ F(L, { title: c, defaultOpen: l, headingLevel: u, className: f, ...h, children: [
+    n && /* @__PURE__ */ r(y, { id: t, children: n }),
+    /* @__PURE__ */ r(
+      "div",
+      {
+        role: "radiogroup",
+        "aria-label": c,
+        "aria-describedby": n ? t : void 0,
+        className: "space-y-2",
+        children: o.map((e) => {
+          const b = e.name === "NULL" && m ? m : e.name, g = e.label || b;
+          return /* @__PURE__ */ r(
+            S,
+            {
+              id: `${a}-${e.name}`,
+              name: a,
+              value: e.name,
+              label: /* @__PURE__ */ r(I, { name: g, count: e.count }),
+              checked: p === e.name,
+              onChange: () => C(e.name)
+            },
+            e.name
+          );
+        })
+      }
+    )
+  ] });
+}
+export {
+  E as SingleChoiceFacet
+};

package/dist/Components/Facets/Variants/index.d.ts

@@ -0,0 +1,8 @@
+export { DateRangeFacet } from "./DateRangeFacet.js";
+export { MultipleChoiceFacet } from "./MultipleChoiceFacet.js";
+export { PerformanceFacet } from "./PerformanceFacet.js";
+export { SingleChoiceFacet } from "./SingleChoiceFacet.js";
+export type { DateRangeFacetProps } from "./DateRangeFacet.js";
+export type { MultipleChoiceFacetProps, FacetOption } from "./MultipleChoiceFacet.js";
+export type { PerformanceFacetProps } from "./PerformanceFacet.js";
+export type { SingleChoiceFacetProps } from "./SingleChoiceFacet.js";

package/dist/Components/Facets/Variants/index.js

@@ -0,0 +1,10 @@
+import { DateRangeFacet as r } from "./DateRangeFacet.js";
+import { MultipleChoiceFacet as a } from "./MultipleChoiceFacet.js";
+import { PerformanceFacet as f } from "./PerformanceFacet.js";
+import { SingleChoiceFacet as p } from "./SingleChoiceFacet.js";
+export {
+  r as DateRangeFacet,
+  a as MultipleChoiceFacet,
+  f as PerformanceFacet,
+  p as SingleChoiceFacet
+};

package/dist/Components/Facets/Variants/nestedValues.d.ts

@@ -0,0 +1,33 @@
+import type { FacetOption, FilterMeta } from "../../../Models/Filters/index.js";
+export type { FacetOption };
+/** An option that has values beneath it. An empty `under` is a flat value. */
+export type NestedOption = FacetOption & {
+    under: FilterMeta[];
+};
+export declare const isNested: (option: FacetOption) => option is NestedOption;
+/** What a filter says about one option. A flat value is `whole` or `none`. */
+export type OptionState = {
+    kind: "none";
+} | {
+    kind: "whole";
+} | {
+    kind: "some";
+    codes: string[];
+} | {
+    kind: "minus";
+    excluded: string[];
+};
+export declare const readSelection: (values: string[], options: FacetOption[]) => OptionState[];
+/**
+ * The filter the given states write: options in the facet's order, depth first, so one view has one address. Values
+ * the facet does not offer keep their place after the offered ones rather than being dropped unseen.
+ */
+export declare function writeSelection(states: OptionState[], options: FacetOption[], values: string[]): string[];
+export declare const toggleOption: (state: OptionState) => OptionState;
+/**
+ * Under a closed class a code is chosen or not; under an open class it is kept or excluded. Choosing the last code
+ * gives the class; excluding the last kept code clears it, as `["4", "-400", "-404", "-422"]` would only match codes
+ * not seen yet.
+ */
+export declare function toggleCode(state: OptionState, option: NestedOption, code: string): OptionState;
+export declare function isCodeTicked(state: OptionState, code: string): boolean;