npm - @davidsouther/jiffies - Versions diffs - 2026.24.0 → 2026.24.2 - Mend

@davidsouther/jiffies 2026.24.0 → 2026.24.2

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 (226) hide show

package/lib/esm/assert.d.ts +26 -0
package/lib/esm/assert.js +38 -0
package/lib/esm/awaitable.js +1 -0
package/lib/esm/case.d.ts +1 -0
package/lib/esm/case.js +5 -0
package/lib/esm/components/accordion.d.ts +5 -0
package/lib/esm/components/accordion.js +9 -0
package/lib/esm/components/alert.d.ts +7 -0
package/lib/esm/components/alert.js +31 -0
package/lib/esm/components/button_bar.d.ts +8 -0
package/lib/esm/components/button_bar.js +25 -0
package/lib/esm/components/card.d.ts +8 -0
package/lib/esm/components/card.js +31 -0
package/lib/esm/components/children.d.ts +2 -0
package/{src/components/children.ts → lib/esm/components/children.js} +2 -6
package/lib/esm/components/form.d.ts +5 -0
package/lib/esm/components/form.js +13 -0
package/{src/components/index.ts → lib/esm/components/index.d.ts} +2 -15
package/lib/esm/components/index.js +10 -0
package/lib/esm/components/inline_edit.d.ts +12 -0
package/lib/esm/components/inline_edit.js +48 -0
package/lib/esm/components/link.d.ts +5 -0
package/lib/esm/components/link.js +11 -0
package/lib/esm/components/logger.d.ts +6 -0
package/lib/esm/components/logger.js +22 -0
package/lib/esm/components/modal.d.ts +2 -0
package/{src/components/modal.ts → lib/esm/components/modal.js} +3 -8
package/lib/esm/components/nav.d.ts +11 -0
package/lib/esm/components/nav.js +27 -0
package/lib/esm/components/property.d.ts +9 -0
package/lib/esm/components/property.js +16 -0
package/lib/esm/components/select.d.ts +10 -0
package/lib/esm/components/select.js +3 -0
package/lib/esm/components/tabs.d.ts +20 -0
package/lib/esm/components/tabs.js +45 -0
package/lib/esm/components/virtual_scroll.d.ts +42 -0
package/lib/esm/components/virtual_scroll.js +94 -0
package/lib/esm/debounce.d.ts +1 -0
package/lib/esm/debounce.js +11 -0
package/lib/esm/diff.d.ts +15 -0
package/lib/esm/diff.js +50 -0
package/lib/esm/display.d.ts +5 -0
package/lib/esm/display.js +11 -0
package/lib/esm/dom/css/border.d.ts +11 -0
package/lib/esm/dom/css/border.js +27 -0
package/lib/esm/dom/css/constants.d.ts +31 -0
package/lib/esm/dom/css/constants.js +28 -0
package/lib/esm/dom/css/core.d.ts +5 -0
package/lib/esm/dom/css/core.js +24 -0
package/lib/esm/dom/css/fstyle.d.ts +5 -0
package/lib/esm/dom/css/fstyle.js +32 -0
package/lib/esm/dom/css/sizing.d.ts +5 -0
package/lib/esm/dom/css/sizing.js +10 -0
package/lib/esm/dom/dom.d.ts +36 -0
package/lib/esm/dom/dom.js +217 -0
package/lib/esm/dom/fc.d.ts +10 -0
package/lib/esm/dom/fc.js +32 -0
package/lib/esm/dom/form/form.app.d.ts +1 -0
package/lib/esm/dom/form/form.app.js +19 -0
package/lib/esm/dom/form/form.d.ts +27 -0
package/lib/esm/dom/form/form.js +65 -0
package/lib/esm/dom/html.d.ts +112 -0
package/{src/dom/html.ts → lib/esm/dom/html.js} +2 -14
package/lib/esm/dom/hydrate.d.ts +39 -0
package/lib/esm/dom/hydrate.js +187 -0
package/lib/esm/dom/index.js +2 -0
package/lib/esm/dom/navigation/index.d.ts +76 -0
package/lib/esm/dom/navigation/index.js +292 -0
package/lib/esm/dom/observable.d.ts +2 -0
package/lib/esm/dom/observable.js +6 -0
package/lib/esm/dom/provide.d.ts +3 -0
package/lib/esm/dom/provide.js +7 -0
package/lib/esm/dom/render.d.ts +8 -0
package/lib/esm/dom/render.js +28 -0
package/lib/esm/dom/router/link.d.ts +6 -0
package/lib/esm/dom/router/link.js +3 -0
package/lib/esm/dom/router/router.d.ts +13 -0
package/lib/esm/dom/router/router.js +52 -0
package/lib/esm/dom/svg.d.ts +64 -0
package/{src/dom/svg.ts → lib/esm/dom/svg.js} +2 -19
package/lib/esm/dom/types/css.d.ts +6590 -0
package/lib/esm/dom/types/css.js +1 -0
package/lib/esm/dom/types/dom.js +1 -0
package/lib/esm/dom/types/html.d.ts +614 -0
package/lib/esm/dom/types/html.js +1 -0
package/lib/esm/dom/xml.d.ts +1 -0
package/lib/esm/dom/xml.js +4 -0
package/lib/esm/equal.d.ts +11 -0
package/lib/esm/equal.js +43 -0
package/lib/esm/fs.d.ts +72 -0
package/lib/esm/fs.js +227 -0
package/lib/esm/fs_node.d.ts +15 -0
package/lib/esm/fs_node.js +45 -0
package/lib/esm/generator.d.ts +1 -0
package/lib/esm/generator.js +10 -0
package/lib/esm/lock.d.ts +1 -0
package/lib/esm/lock.js +23 -0
package/lib/esm/log.d.ts +69 -0
package/lib/esm/log.js +211 -0
package/lib/esm/observable/event.d.ts +35 -0
package/lib/esm/observable/event.js +46 -0
package/lib/esm/observable/observable.d.ts +134 -0
package/lib/esm/observable/observable.js +349 -0
package/lib/esm/range.d.ts +1 -0
package/lib/esm/range.js +7 -0
package/lib/esm/result.d.ts +31 -0
package/lib/esm/result.js +66 -0
package/lib/esm/safe.d.ts +1 -0
package/lib/esm/safe.js +10 -0
package/lib/esm/server/http/apps.d.ts +5 -0
package/lib/esm/server/http/apps.js +23 -0
package/lib/esm/server/http/css.d.ts +5 -0
package/lib/esm/server/http/css.js +43 -0
package/lib/esm/server/http/index.d.ts +16 -0
package/lib/esm/server/http/index.js +78 -0
package/lib/esm/server/http/response.d.ts +4 -0
package/lib/esm/server/http/response.js +43 -0
package/lib/esm/server/http/sitemap.d.ts +2 -0
package/lib/esm/server/http/sitemap.js +22 -0
package/lib/esm/server/http/static.d.ts +2 -0
package/lib/esm/server/http/static.js +22 -0
package/lib/esm/server/http/typescript.d.ts +5 -0
package/lib/esm/server/http/typescript.js +40 -0
package/lib/esm/server/live-reload.d.ts +46 -0
package/lib/esm/server/live-reload.js +161 -0
package/lib/esm/server/main.d.ts +2 -0
package/{src/server/main.ts → lib/esm/server/main.js} +8 -15
package/lib/esm/server/ws/frame.d.ts +2 -0
package/lib/esm/server/ws/frame.js +35 -0
package/lib/esm/server/ws/handshake.d.ts +4 -0
package/lib/esm/server/ws/handshake.js +32 -0
package/lib/esm/server/ws/index.d.ts +14 -0
package/lib/esm/server/ws/index.js +68 -0
package/lib/esm/ssg/bundle.d.ts +14 -0
package/lib/esm/ssg/bundle.js +73 -0
package/lib/esm/ssg/copy-public.d.ts +6 -0
package/lib/esm/ssg/copy-public.js +34 -0
package/lib/esm/ssg/discover.d.ts +15 -0
package/lib/esm/ssg/discover.js +117 -0
package/lib/esm/ssg/main.d.ts +2 -0
package/lib/esm/ssg/main.js +122 -0
package/lib/esm/ssg/rewrite.d.ts +9 -0
package/{src/ssg/rewrite.ts → lib/esm/ssg/rewrite.js} +6 -9
package/lib/esm/ssg/ssg.d.ts +26 -0
package/lib/esm/ssg/ssg.js +84 -0
package/lib/esm/transpile.d.mts +3 -0
package/lib/esm/transpile.mjs +12 -0
package/package.json +11 -7
package/src/404.html +0 -14
package/src/assert.ts +0 -56
package/src/case.ts +0 -5
package/src/components/_notes +0 -33
package/src/components/accordion.ts +0 -25
package/src/components/alert.ts +0 -47
package/src/components/button_bar.ts +0 -42
package/src/components/card.ts +0 -54
package/src/components/form.ts +0 -25
package/src/components/inline_edit.ts +0 -78
package/src/components/link.ts +0 -22
package/src/components/logger.ts +0 -35
package/src/components/nav.ts +0 -42
package/src/components/property.ts +0 -32
package/src/components/select.ts +0 -22
package/src/components/tabs.ts +0 -82
package/src/components/virtual_scroll.ts +0 -199
package/src/debounce.ts +0 -14
package/src/diff.ts +0 -82
package/src/display.ts +0 -18
package/src/dom/README.md +0 -107
package/src/dom/SKILL.md +0 -201
package/src/dom/css/border.ts +0 -47
package/src/dom/css/constants.ts +0 -34
package/src/dom/css/core.ts +0 -28
package/src/dom/css/fstyle.ts +0 -42
package/src/dom/css/sizing.ts +0 -11
package/src/dom/dom.ts +0 -327
package/src/dom/fc.ts +0 -81
package/src/dom/form/form.app.ts +0 -44
package/src/dom/form/form.ts +0 -151
package/src/dom/form/index.html +0 -15
package/src/dom/hydrate.ts +0 -206
package/src/dom/navigation/index.ts +0 -349
package/src/dom/observable.ts +0 -11
package/src/dom/provide.ts +0 -11
package/src/dom/render.ts +0 -41
package/src/dom/router/link.ts +0 -14
package/src/dom/router/router.ts +0 -72
package/src/dom/types/css.ts +0 -10088
package/src/dom/types/html.ts +0 -629
package/src/dom/xml.ts +0 -11
package/src/equal.ts +0 -66
package/src/favicon.ico +0 -0
package/src/fs.ts +0 -300
package/src/fs_node.ts +0 -57
package/src/generator.ts +0 -12
package/src/hooks/_notes +0 -6
package/src/lock.ts +0 -23
package/src/log.ts +0 -307
package/src/observable/_notes +0 -26
package/src/observable/event.ts +0 -93
package/src/observable/observable.ts +0 -484
package/src/range.ts +0 -7
package/src/result.ts +0 -107
package/src/safe.ts +0 -12
package/src/server/http/apps.ts +0 -26
package/src/server/http/css.ts +0 -49
package/src/server/http/index.ts +0 -127
package/src/server/http/response.ts +0 -60
package/src/server/http/sitemap.ts +0 -24
package/src/server/http/static.ts +0 -28
package/src/server/http/typescript.ts +0 -46
package/src/server/live-reload.ts +0 -208
package/src/server/ws/frame.ts +0 -36
package/src/server/ws/handshake.ts +0 -42
package/src/server/ws/index.ts +0 -100
package/src/ssg/bundle.ts +0 -85
package/src/ssg/copy-public.ts +0 -44
package/src/ssg/discover.ts +0 -143
package/src/ssg/main.ts +0 -168
package/src/ssg/ssg.ts +0 -134
package/src/transpile.mjs +0 -16
package/src/zip/spec.txt +0 -3260
package/tsconfig.json +0 -34
/package/{src/awaitable.ts → lib/esm/awaitable.d.ts} +0 -0
/package/{src/dom/index.ts → lib/esm/dom/index.d.ts} +0 -0
/package/{src/dom/types/dom.ts → lib/esm/dom/types/dom.d.ts} +0 -0

package/src/404.html DELETED Viewed

@@ -1,14 +0,0 @@
-<!DOCTYPE html>
-<html lang="en-US">
-  <head>
-    <title>Not Found</title>
-    <style>
-      * {
-        font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
-      }
-    </style>
-  </head>
-  <body>
-    <h1>Not Found</h1>
-  </body>
-</html>

package/src/assert.ts DELETED Viewed

@@ -1,56 +0,0 @@
-type AssertMessage = string | (() => string);
-export class AssertionError extends Error {
-  constructor(message = "Assertion failed") {
-    super(message);
-  }
-}
-/**
- * Throw an error when a condition is not met.
- */
-export function assert<_T extends true>(
-  condition: boolean,
-  message?: AssertMessage,
-): undefined | never {
-  if (!condition) {
-    throw new AssertionError(message instanceof Function ? message() : message);
-  }
-}
-/**
- * Given a value, return it if it is not null nor undefined. Otherwise throw an
- * error.
- *
- * @template T
- * @returns {NonNullable<T>}
- */
-export function assertExists<T>(
-  t: T,
-  message: AssertMessage = "Assertion failed: value does not exist",
-): NonNullable<T> {
-  assert(t != null, message);
-  return t as NonNullable<T>;
-}
-/**
- * @param {*} n
- * @returns string
- */
-export function assertString(
-  n: unknown,
-  message: AssertMessage = () => `Assertion failed: ${n} is not a string`,
-): string {
-  assert(typeof n === "string", message);
-  return n as string;
-}
-/**
- * Compile time assertion that no value will used at this point in control flow.
- */
-export function checkExhaustive(
-  value: never,
-  message: AssertMessage = `Unexpected value ${value}`,
-): never {
-  throw new Error(message instanceof Function ? message() : message);
-}

package/src/case.ts DELETED Viewed

@@ -1,5 +0,0 @@
-export function dashCase(identifier: string) {
-  return identifier
-    .replace(/([a-z])([A-Z])/g, (_, a, b) => `${a}-${b.toLowerCase()}`)
-    .replace(/ ([A-Z])/g, (_, b) => `-${b.toLowerCase()}`);
-}

package/src/components/_notes DELETED Viewed

@@ -1,33 +0,0 @@
-Nav
-  ButtonBar
-Form
-  FormGroup
-  Input
-  Select
-    CheckGroup
-    RadioGroup
-  Textarea
-  Switch
-  Button
-Datatable
-  Column
-  Header
-  Row
-  Cell
-  Sort
-Virtual Scroll
-  Logs Viewer
-Chart
-  Axis
-  Legend
-  Bar
-  Scatter
-  Line
-Graph
-  Node
-  Segment

package/src/components/accordion.ts DELETED Viewed

@@ -1,25 +0,0 @@
-// Accordion emits the jiffies-css disclosure widget: details > summary + body.
-// Why: jiffies-css targets details > summary; the summary must be the first child
-// and the disclosed body follows it.
-import type { Attrs, DenormChildren } from "../dom/dom.ts";
-import { details, summary } from "../dom/html.ts";
-import { toChildren } from "./children.ts";
-// Accordion props: the summary slot plus any DOM attrs (class, lang, ...) to apply
-// to the outermost <details>.
-export type AccordionProps = {
-  summary: DenormChildren | DenormChildren[];
-} & Attrs<HTMLDetailsElement>;
-// Invariant: <summary> is always the first child; remaining children form the body.
-export function Accordion(
-  { summary: summaryContent, ...attrs }: AccordionProps,
-  ...bodyChildren: DenormChildren[]
-): HTMLDetailsElement {
-  return details(
-    attrs,
-    summary(...toChildren(summaryContent)),
-    ...bodyChildren,
-  );
-}

package/src/components/alert.ts DELETED Viewed

@@ -1,47 +0,0 @@
-import type { Attrs, DenormChildren } from "../dom/dom.ts";
-import { aside, small } from "../dom/html.ts";
-export type AlertVariant = "warning" | "error" | "info" | "success" | "neutral";
-// Alert/Chip props: the variant plus any DOM attrs (class, lang, style, ...) to
-// apply to the outermost element. The variant is consumed; the rest fall through.
-export type AlertProps = { variant: AlertVariant } & Attrs<HTMLElement>;
-// The variant vocabulary is this module's single source of truth; this map both
-// drives Alert's role derivation and stays exhaustive (a new variant without a
-// role entry is a type error).
-const ALERT_ROLE: Record<AlertVariant, "alert" | "status"> = {
-  warning: "alert",
-  error: "alert",
-  info: "status",
-  success: "status",
-  neutral: "status",
-};
-// Alert emits aside[role][data-variant] for banner-level messaging.
-// Why: jiffies-css styles alerts by role + data-variant, not by class. role and
-// data-variant are not in the typed attrs surface (role is constrained, data-* is
-// not a property), so they are set with setAttribute.
-// Invariant: warning|error => role="alert"; info|success|neutral => role="status";
-// data-variant always equals the variant; emits no class of its own, but
-// forwards a caller-supplied class (and other attrs) to the <aside>.
-export function Alert(
-  { variant, ...attrs }: AlertProps,
-  ...children: DenormChildren[]
-): HTMLElement {
-  const el = aside(attrs, ...children);
-  el.setAttribute("role", ALERT_ROLE[variant]);
-  el.setAttribute("data-variant", variant);
-  return el;
-}
-// Chip emits small[data-variant] for inline status pills. Same variant vocabulary
-// as Alert, no role. Not exercised by the feature test.
-export function Chip(
-  { variant, ...attrs }: AlertProps,
-  ...children: DenormChildren[]
-): HTMLElement {
-  const el = small(attrs, ...children);
-  el.setAttribute("data-variant", variant);
-  return el;
-}

package/src/components/button_bar.ts DELETED Viewed

@@ -1,42 +0,0 @@
-import { display } from "../display.ts";
-import { FC } from "../dom/fc.ts";
-import { fieldset, input, label } from "../dom/html.ts";
-let buttonBarId = 1;
-const nextId = () => buttonBarId++;
-const ButtonBar = FC<{
-  // T extends Display
-  // @ts-expect-error TODO(TFC)
-  value: T;
-  // @ts-expect-error TODO(TFC)
-  values: T[];
-  // @ts-expect-error TODO(TFC)
-  events: { onSelect: (current: T) => void };
-}>("button-bar", (_el, { value, values, events }) => {
-  const name = `button-bar-${nextId()}`;
-  return fieldset(
-    { class: "input-group" },
-    ...values.flatMap((option) => {
-      const opt = `${option}`.replace(/\s+/g, "_").toLowerCase();
-      const id = `${name}-${opt}`;
-      return [
-        label(
-          { role: "button", htmlFor: id },
-          input({
-            type: "radio",
-            id,
-            name,
-            value: option,
-            checked: option === value,
-            events: {
-              change: () => events.onSelect(option),
-            },
-          }),
-          display(option),
-        ),
-      ];
-    }),
-  );
-});
-export default ButtonBar;

package/src/components/card.ts DELETED Viewed

@@ -1,54 +0,0 @@
-import type { Attrs, DenormChildren } from "../dom/dom.ts";
-import { article, footer, header, main, section } from "../dom/html.ts";
-import { toChildren } from "./children.ts";
-export interface CardParts {
-  header?: DenormChildren | DenormChildren[];
-  footer?: DenormChildren | DenormChildren[];
-}
-// Card/Panel props: the structured header/footer slots plus any DOM attrs
-// (class, lang, style, ...) to apply to the outermost wrapper element.
-export type CardProps = CardParts & Attrs<HTMLElement>;
-// Build the shared header? / main / footer? sequence. `root` is the wrapper
-// element builder (article for Card, section for Panel); the only difference
-// between the two components is which wrapper they use.
-function cardLike(
-  root: typeof article,
-  { header: headerPart, footer: footerPart, ...attrs }: CardProps,
-  children: DenormChildren[],
-): HTMLElement {
-  const sections: DenormChildren[] = [];
-  if (headerPart !== undefined) {
-    sections.push(header(...toChildren(headerPart)));
-  }
-  sections.push(main(...children));
-  if (footerPart !== undefined) {
-    sections.push(footer(...toChildren(footerPart)));
-  }
-  return root(attrs, ...sections);
-}
-// Card emits the jiffies-css elevated-card structure: article > header? / main / footer?.
-// Why: jiffies-css targets `article > main` for card body padding, so body content
-// must always be wrapped in <main>, never placed as a bare article child.
-// Invariants: <main> is always emitted (even with no parts); <header> only when
-// parts.header is set; <footer> only when parts.footer is set; child order is
-// always header, main, footer; emits no class of its own, but forwards
-// caller-supplied attrs (class, lang, ...) to the wrapper element.
-export function Card(
-  parts: CardProps,
-  ...children: DenormChildren[]
-): HTMLElement {
-  return cardLike(article, parts, children);
-}
-// Panel is the flat variant: section > header? / main / footer?. Same contract as
-// Card with `section` in place of `article`. Not exercised by the feature test.
-export function Panel(
-  parts: CardProps,
-  ...children: DenormChildren[]
-): HTMLElement {
-  return cardLike(section, parts, children);
-}

package/src/components/form.ts DELETED Viewed

@@ -1,25 +0,0 @@
-import type { Attrs, DenormChildren } from "../dom/dom.ts";
-import { fieldset, legend } from "../dom/html.ts";
-// FormGroup props: the legend label plus any DOM attrs (class, lang, ...) to apply
-// to the outermost <fieldset>.
-export type FormGroupProps = {
-  legend: DenormChildren;
-} & Attrs<HTMLFieldSetElement>;
-// FormGroup emits fieldset[role=group] > legend + children — the jiffies-css
-// grouped-controls pattern. This is the structural form group; the richer form
-// controls (Input, Select, Radios, ...) live in src/dom/form/form.ts.
-// Why: jiffies-css targets fieldset[role=group] to lay grouped controls out as a
-// row; role is set with setAttribute since "group" is outside the typed role surface.
-// Invariant: <legend> is the first child; role="group"; emits no class of its own,
-// but forwards caller-supplied attrs (class, lang, ...) to the <fieldset>.
-export function FormGroup(
-  { legend: legendLabel, ...attrs }: FormGroupProps,
-  ...children: DenormChildren[]
-): HTMLFieldSetElement {
-  const group = fieldset(attrs, legend(legendLabel), ...children);
-  group.setAttribute("role", "group");
-  return group;
-}

package/src/components/inline_edit.ts DELETED Viewed

@@ -1,78 +0,0 @@
-import { width } from "../dom/css/sizing.ts";
-import { FC, State } from "../dom/fc.ts";
-import { input, span } from "../dom/html.ts";
-const Mode = { VIEW: 0, EDIT: 1 };
-export interface InlineEditState {
-  mode: number;
-  value: string;
-}
-export const InlineEdit = FC<
-  {
-    mode?: number;
-    value: string;
-    events: {
-      change: (value: string) => void;
-    };
-  },
-  InlineEditState
->("inline-edit", (el, { mode = Mode.VIEW, value, events }) => {
-  el[State] ??= { mode, value };
-  const state = el[State];
-  const render = () => {
-    switch (state.mode) {
-      case Mode.EDIT:
-        return edit();
-      case Mode.VIEW:
-        return view();
-      default:
-        return span();
-    }
-  };
-  const view = () =>
-    span(
-      {
-        style: { cursor: "text", ...width("full", "inline") },
-        events: {
-          click: () => {
-            state.mode = Mode.EDIT;
-            el.update(render());
-          },
-        },
-      },
-      state.value ?? "",
-    );
-  const edit = () => {
-    const edit = span(
-      { style: { display: "block", position: "relative" } },
-      input({
-        style: {
-          zIndex: "10",
-          position: "absolute",
-          left: "0",
-          marginTop: "-0.375rem",
-        },
-        events: {
-          blur: ({ target }) =>
-            events.change((target as HTMLInputElement)?.value ?? ""),
-        },
-        type: "text",
-        value: state.value ?? "",
-      }),
-      "\u00a0", // Hack to get the span to take up space
-    );
-    setTimeout(() => {
-      edit.dispatchEvent(new Event("focus"));
-    });
-    return edit;
-  };
-  return render();
-});
-export default InlineEdit;

package/src/components/link.ts DELETED Viewed

@@ -1,22 +0,0 @@
-import type { Attrs } from "../dom/dom.ts";
-import { link } from "../dom/html.ts";
-const JIFFIES_CSS_CDN =
-  "https://unpkg.com/@davidsouther/jiffies-css/dist/index.css";
-// jiffiesCssLink props: an optional href override plus any DOM attrs (lang,
-// media, ...) to apply to the <link>.
-export type JiffiesCssLinkProps = { href?: string } & Attrs<HTMLLinkElement>;
-// jiffiesCssLink builds the <link> a page puts in <head> to load jiffies-css.
-// Why: callers must never hand-write the CDN URL or accidentally point at Pico;
-// this is the single sanctioned source of the stylesheet href.
-// Invariant: returns a <link rel="stylesheet"> whose href contains "jiffies-css"
-// and never "pico". Default href is the unpkg CDN; callers bundling locally pass
-// their own href.
-export function jiffiesCssLink({
-  href = JIFFIES_CSS_CDN,
-  ...attrs
-}: JiffiesCssLinkProps = {}): HTMLLinkElement {
-  return link({ ...attrs, rel: "stylesheet", href });
-}

package/src/components/logger.ts DELETED Viewed

@@ -1,35 +0,0 @@
-import { type Display, display } from "../display.ts";
-import { code, div, li, pre, span, ul } from "../dom/html.ts";
-import { LEVEL, type Logger } from "../log.ts";
-export interface HTMLLogger extends Logger {
-  root: Element;
-}
-export function isHTMLLogger(logger: Logger): logger is HTMLLogger {
-  return (logger as HTMLLogger).root !== undefined;
-}
-export function makeHTMLLogger(name: string): HTMLLogger {
-  const log = ul();
-  const root = div(div(span(name)), log);
-  const logger: Partial<HTMLLogger> = { level: LEVEL.INFO, root };
-  function append(message: string): void {
-    log.appendChild(li(pre(code(message))));
-  }
-  const logAt =
-    (level: number) =>
-    (message: Display): void =>
-      level >= (logger.level ?? LEVEL.ERROR)
-        ? append(display(message))
-        : undefined;
-  logger.debug = logAt(LEVEL.VERBOSE);
-  logger.info = logAt(LEVEL.INFO);
-  logger.warn = logAt(LEVEL.WARN);
-  logger.error = logAt(LEVEL.ERROR);
-  return logger as HTMLLogger;
-}

package/src/components/nav.ts DELETED Viewed

@@ -1,42 +0,0 @@
-import type { Attrs } from "../dom/dom.ts";
-import { a, li, nav, ol, span } from "../dom/html.ts";
-export interface NavItem {
-  label: string;
-  href?: string;
-  current?: boolean;
-}
-// Nav/Breadcrumb props: the item list plus any DOM attrs (class, lang, ...) to
-// apply to the outermost element.
-export type NavProps = { items: NavItem[] } & Attrs<HTMLElement>;
-// One <li><a> per item. aria-current is set with setAttribute (aria-* is not in
-// the typed attrs surface); the anchor carries href only when the item supplies one.
-function navItem(item: NavItem): HTMLElement {
-  const anchor = a(item.href ? { href: item.href } : {}, item.label);
-  if (item.current) {
-    anchor.setAttribute("aria-current", "page");
-  }
-  return li(anchor);
-}
-function navList(items: NavItem[]): HTMLElement {
-  return ol(...items.map(navItem));
-}
-// Nav emits nav > ol > li > a, one <li> per item.
-// Why: jiffies-css targets the nav > ol > li > a chain; a bare ul > li > a is unstyled.
-// Invariants: every item is an <a> inside an <li> inside the single <ol>; an item
-// with current:true gets aria-current="page" on its <a>; emits no class of its own,
-// but forwards caller-supplied attrs (class, lang, ...) to the <nav>.
-export function Nav({ items, ...attrs }: NavProps): HTMLElement {
-  return nav(attrs, navList(items));
-}
-// Breadcrumb wraps the same nav > ol > li chain in a <span> (span > nav > ol > li),
-// the jiffies-css breadcrumb selector. Same file, same pattern. Not exercised by
-// the feature test.
-export function Breadcrumb({ items, ...attrs }: NavProps): HTMLElement {
-  return span(attrs, nav(navList(items)));
-}

package/src/components/property.ts DELETED Viewed

@@ -1,32 +0,0 @@
-import type { Attrs, DenormChildren } from "../dom/dom.ts";
-import { dd, dl, dt } from "../dom/html.ts";
-import { toChildren } from "./children.ts";
-export interface PropertyEntry {
-  label: string;
-  value: DenormChildren | DenormChildren[];
-}
-// PropertySheet props: the entry list plus any DOM attrs (class, lang, ...) to
-// apply to the outermost <dl>.
-export type PropertySheetProps = {
-  entries: PropertyEntry[];
-} & Attrs<HTMLDListElement>;
-// PropertySheet emits dl > (dt + dd)* — the jiffies-css property-sheet pattern,
-// one dt/dd pair per entry.
-// Why: jiffies-css targets dl > dt + dd for aligned label/value rows; a table or
-// div grid is unstyled.
-// Invariant: exactly one <dt> (the label) and one <dd> (the value) per entry, in
-// entry order; emits no class of its own, but forwards caller-supplied attrs
-// (class, lang, ...) to the <dl>.
-export function PropertySheet({
-  entries,
-  ...attrs
-}: PropertySheetProps): HTMLDListElement {
-  const rows: DenormChildren[] = [];
-  for (const entry of entries) {
-    rows.push(dt(entry.label), dd(...toChildren(entry.value)));
-  }
-  return dl(attrs, ...rows);
-}

package/src/components/select.ts DELETED Viewed

@@ -1,22 +0,0 @@
-import type { EventHandler } from "../dom/dom.ts";
-import { FC } from "../dom/fc.ts";
-import { option, select } from "../dom/html.ts";
-export const Select = FC<{
-  name: string;
-  value: string;
-  events: {
-    change: EventHandler;
-  };
-  disabled: boolean;
-  options: [string, string][];
-}>(
-  "jiffies-select",
-  (_el, { name, events: { change }, disabled, value, options }) =>
-    select(
-      { name, events: { change }, disabled },
-      ...options.map(([v, name]) =>
-        option({ value: v, selected: value === v }, `${name}`),
-      ),
-    ),
-);

package/src/components/tabs.ts DELETED Viewed

@@ -1,82 +0,0 @@
-import type { Attrs, DenormChildren } from "../dom/dom.ts";
-import { button, div, input, label } from "../dom/html.ts";
-// Shared tablist container: div[role=tablist] holding the supplied tab controls.
-// Both tab variants emit the same container; this is the one place the role string
-// lives (matching the cardLike/navList helpers elsewhere in the module).
-function tablist(
-  attrs: Attrs<HTMLDivElement>,
-  ...children: DenormChildren[]
-): HTMLElement {
-  const list = div(attrs, ...children);
-  list.setAttribute("role", "tablist");
-  return list;
-}
-export interface TabItem {
-  label: string;
-  selected?: boolean;
-  onSelect?: (e: Event) => void; // JS variant only
-}
-export interface StaticTabItem {
-  id: string;
-  label: string;
-  selected?: boolean;
-}
-// TabList props: the tab list plus any DOM attrs (class, lang, ...) to apply to
-// the outermost div[role=tablist].
-export type TabListProps = { tabs: TabItem[] } & Attrs<HTMLDivElement>;
-// StaticTabList props: the shared radio-group name and tab list, plus any DOM
-// attrs to apply to the outermost div[role=tablist].
-export type StaticTabListProps = {
-  name: string;
-  tabs: StaticTabItem[];
-} & Attrs<HTMLDivElement>;
-// TabList emits the JS-driven tab strip: div[role=tablist] > button[role=tab].
-// Why: jiffies-css targets [role=tablist] > button[role=tab][aria-selected]; the
-// caller owns which tab is active and re-renders via .update() on the element.
-// Invariant: role="tablist" on the container; every tab is a button[role=tab];
-// selected:true sets aria-selected="true"; onSelect is wired as a click handler.
-export function TabList({ tabs, ...attrs }: TabListProps): HTMLElement {
-  const buttons = tabs.map((tab) => {
-    const btn = button(
-      tab.onSelect
-        ? { type: "button", events: { click: tab.onSelect } }
-        : { type: "button" },
-      tab.label,
-    );
-    btn.setAttribute("role", "tab");
-    if (tab.selected) {
-      btn.setAttribute("aria-selected", "true");
-    }
-    return btn;
-  });
-  return tablist(attrs, ...buttons);
-}
-// StaticTabList emits the CSS-only tab strip: div[role=tablist] >
-// (input[type=radio][name][id] + label[role=tab][for])*. The shared name groups
-// the radios; :checked drives the active panel with zero JavaScript.
-// Invariant: role="tablist" on the container; one radio + one label[role=tab] per
-// tab; id/for pair come from StaticTabItem.id; selected:true sets defaultChecked.
-export function StaticTabList({
-  name,
-  tabs,
-  ...attrs
-}: StaticTabListProps): HTMLElement {
-  const children = tabs.flatMap((tab) => {
-    const radio = input({ type: "radio", name, id: tab.id });
-    if (tab.selected) {
-      radio.defaultChecked = true;
-    }
-    const lbl = label(tab.label);
-    lbl.setAttribute("for", tab.id);
-    lbl.setAttribute("role", "tab");
-    return [radio, lbl];
-  });
-  return tablist(attrs, ...children);
-}