@jelinek/ui 0.3.0

package/dist/components/Tile.svelte

@@ -0,0 +1,115 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { HTMLAnchorAttributes, HTMLAttributes } from 'svelte/elements';
+	import { cn } from '../utils/cn.js';
+
+	type Color = 'brown' | 'magenta';
+
+	interface Props {
+		href?: string;
+		active?: boolean;
+		color?: Color;
+		class?: string;
+		children: Snippet;
+	}
+
+	let {
+		href,
+		active = false,
+		color = 'brown',
+		class: className,
+		children,
+		...rest
+	}: Props & Omit<HTMLAnchorAttributes & HTMLAttributes<HTMLDivElement>, 'href'> = $props();
+
+	const ACTIVE: Record<Color, string> = {
+		brown: 'border-jelinek-brown bg-surface-brown',
+		magenta: 'border-jelinek-magenta bg-surface-magenta'
+	};
+
+	// jelinek.css:474-481 (shared surface, --box-accent unset by .tile so it
+	// defaults to --border-subtle at both gradient stops) collapses to a flat
+	// 1px border-border-subtle, same reasoning as Card. jelinek.css:641-649
+	// (.tile): padding is 22px, NOT 24px — p-6 was wrong, this is the arbitrary
+	// p-[22px] (tile deliberately has its own padding, distinct from
+	// .panel/.card/.demo's 24px, and — unlike those three — carries no
+	// margin-bottom of its own to drop). color:var(--text-black) was missing
+	// entirely (text-fg). box-shadow:var(--shadow-resting) at rest was missing
+	// entirely; only the :hover shadow-interactive had been kept, with no
+	// resting state to raise it from. jelinek.css:322-325 (shared surface
+	// block) puts .tile — explicitly listed alongside .card/.panel/.alert/
+	// .demo/.swatch — on font-secondary at font-weight 300 (Light), which the
+	// draft omitted altogether in favour of a plain "font-normal" (400).
+	// That 400 traces to jelinek.css:285's `.tile, .pager a { font-weight:
+	// 400 }`, whose real job is neutralising the global `a { font-weight:
+	// 700 }` bold — but :322-325 is later in the file at equal specificity
+	// (single class selector, same as :285's `.tile`) and so is the value
+	// that actually wins the cascade: font-light, not font-normal.
+	// jelinek.css:327-331 additionally raises nested strong/b back to
+	// font-weight 500, and :648/:652 give a Tile's own h3/p their own spacing
+	// and size (h3: 6px bottom margin + --step1 size/1.3 line-height; p: 0
+	// margin, 0.9rem, --text-muted1). Tile's children are an opaque Snippet,
+	// so these are reproduced as compound arbitrary variants on the root
+	// element rather than as JSX/markup this component controls directly —
+	// Card did not do this for its own equivalent h3/strong/b rules (Task 5),
+	// so this is a deliberate inconsistency between the two components,
+	// flagged for adjudication: either Card should get the same treatment
+	// later, or this should be dropped from Tile to match Card's precedent.
+	// Task 31 — the transition is the guide's own two properties and its own
+	// duration/easing tokens (jelinek.css:924: `transition: box-shadow
+	// var(--dur-base) var(--ease), transform var(--dur-base) var(--ease)`),
+	// replacing a bare `transition-all`. That matters here beyond tidiness:
+	// `.tile.is-active` (jelinek.css:927) flips border-color AND background, and
+	// `transition-all` was fading both of those too, which the guide never does
+	// — an active tile now snaps to its brown state and only the shadow/lift
+	// animate. See Button.svelte's own comment for why --ease has to be named
+	// explicitly (Tailwind's default curve is not the guide's `ease`) and why
+	// this is not solved globally in extras.css.
+	const BASE =
+		'block rounded-card border border-border-subtle bg-surface p-[22px] ' +
+		'font-secondary font-light text-fg no-underline ' +
+		'transition-[box-shadow,transform] duration-[var(--dur-base)] ease-[var(--ease)] ' +
+		'shadow-resting hover:-translate-y-0.5 hover:shadow-interactive ' +
+		'[&_h3]:mb-1.5 [&_h3]:text-step1 [&_h3]:leading-[1.3] ' +
+		'[&_p]:m-0 [&_p]:text-[0.9rem] [&_p]:text-fg-muted1 ' +
+		'[&_strong]:font-medium [&_b]:font-medium ' +
+		// jelinek.css:259-260 (dark mode only): the resting/hover shadow gains an
+		// extra inset highlight, `inset 0 2px 1px -1px var(--box-primary)`.
+		//
+		// TASK 33 — this is now the real token, not a substitute. The designer's
+		// 4ec82cd ("jeden neutrální highlight pro tiles i menu") promoted
+		// --box-primary from a per-surface local custom property to ONE :root
+		// declaration, `--box-primary: hsl(0, 0%, 50%)` (jelinek.css:135), and
+		// deleted the local `--box-primary: var(--JELINEK-BLACK)` this rule's
+		// shared surface block used to carry. So the generator does emit it now
+		// (it is a PASSTHROUGH entry, see scripts/token-map.js for why it is not
+		// a Tailwind theme token) and it is referenced by name.
+		//
+		// The previous stand-in, var(--color-jelinek-black), was correct against
+		// the OLD guide and is wrong against this one: --JELINEK-BLACK inverts to
+		// hsl(0,0%,95%) in dark mode, so it would paint a near-white hairline
+		// where the guide now asks for a flat 50% grey. The css-lock gate caught
+		// the source rule moving; this is the component half of that.
+		'dark:shadow-[var(--shadow-resting),inset_0_2px_1px_-1px_var(--box-primary)] ' +
+		'dark:hover:shadow-[var(--shadow-interactive),inset_0_2px_1px_-1px_var(--box-primary)]';
+
+	// Only the linked form gets the hand cursor, and only because a tile is a
+	// whole-surface click target: the hover lift already promises "this does
+	// something", and a promise the cursor doesn't back up reads as a broken
+	// card. Every browser's UA sheet already gives `a[href]` cursor:pointer, so
+	// this is belt-and-braces against a host page (or an extension) that resets
+	// it — Tailwind's own preflight does exactly that to `button`, which is why
+	// Button.svelte carries a cursor-pointer too. Deliberately NOT on the `div`
+	// branch: a tile without `href` is inert, and a hand cursor over something
+	// that cannot be clicked is worse than no affordance at all. The guide's
+	// .tile (jelinek.css:917-928) declares no cursor of its own, so this is a
+	// kit-only addition, not a reproduction — the css-lock gate watches the
+	// guide's rule text and is unaffected.
+	const classes = $derived(cn(BASE, href && 'cursor-pointer', active && ACTIVE[color], className));
+</script>
+
+{#if href}
+	<a {...rest} {href} class={classes}>{@render children()}</a>
+{:else}
+	<div {...rest} class={classes}>{@render children()}</div>
+{/if}

package/dist/components/Tile.svelte.d.ts

@@ -0,0 +1,14 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAnchorAttributes, HTMLAttributes } from 'svelte/elements';
+type Color = 'brown' | 'magenta';
+interface Props {
+    href?: string;
+    active?: boolean;
+    color?: Color;
+    class?: string;
+    children: Snippet;
+}
+type $$ComponentProps = Props & Omit<HTMLAnchorAttributes & HTMLAttributes<HTMLDivElement>, 'href'>;
+declare const Tile: import("svelte").Component<$$ComponentProps, {}, "">;
+type Tile = ReturnType<typeof Tile>;
+export default Tile;

package/dist/components/TileScroller.svelte

@@ -0,0 +1,199 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn } from '../utils/cn.js';
+
+	interface Props {
+		/**
+		 * Accessible names for the two scroll arrows.
+		 *
+		 * DELIBERATELY NOT the guide's strings. assets/js/jelinek.js:502-503
+		 * labels every scroller's arrows "Posunout na předchozí/další položky",
+		 * because one `arrow()` helper builds them for `.tabs`,
+		 * `.logo-tool__bgtabs` and `.tile-scroller` alike (jelinek.js:475). Put a
+		 * Tabs and a TileScroller on one page — /ui/komponenty does exactly that
+		 * — and a screen-reader user hears four buttons with two names between
+		 * them, with nothing to say which row moves. Naming the thing that
+		 * actually moves is worth the divergence; a caller who wants the guide's
+		 * wording back can pass it.
+		 */
+		prevLabel?: string;
+		nextLabel?: string;
+		class?: string;
+		children: Snippet;
+	}
+
+	let {
+		prevLabel = 'Posunout dlaždice zpět',
+		nextLabel = 'Posunout dlaždice dál',
+		class: className,
+		children,
+		...rest
+	}: Props & HTMLAttributes<HTMLDivElement> = $props();
+
+	// ─── WHY THIS IS A COMPONENT AND NOT A `class` ON Grid ──────────────────
+	//
+	// jelinek.css:930-944 (`.tile-scroller`) is a full sibling of `.grid`: a
+	// one-line row that scrolls sideways instead of wrapping, for the case where
+	// a listing is a *rozcestník* (subcategories, recommended products) rather
+	// than the complete offer. The guide documents it as its own component in
+	// ui-old/komponenty.html#posuvne-dlazdice, and Task 35 brought that section
+	// into /ui/komponenty — which is what this exists to render.
+	//
+	// It is deliberately NOT a Grid variant. Grid's whole contract is "wrap into
+	// as many rows as it takes"; this one's is "never wrap, and let the last
+	// child be half-visible so the reader can see the row continues". Those are
+	// opposite answers to the same question, and a `scroll` prop on Grid would
+	// make every Grid caller carry the scroll machinery below.
+	//
+	// ROW — jelinek.css:930-940, one to one. gap-6 is var(--space-3) = 24px
+	// (theme.css pins --spacing to a literal 4px, so 6 × 4 = 24 exactly; see
+	// Tabs.svelte's note on why that pin matters). `scroll-snap-type: x
+	// proximity`, the hidden scrollbar and `scroll-behavior: smooth` have no
+	// Tailwind shorthand in this setup and stay arbitrary properties.
+	//
+	// THE PADDING/MARGIN PAIR IS LEVEL WITH THE SHADOWS, and the guide's own
+	// comment (jelinek.css:934-936) says why: a scroll container clips its
+	// content, so the tiles' shadow needs room — 12px each side, 24px below
+	// (how far the hover shadow reaches) and 4px above (the tile lifts by 2px).
+	// The negative side margins then cancel the horizontal reserve so the row
+	// still lines up with the surrounding text. Change one number without the
+	// other and either the shadow is sliced off or the row sits inset.
+	//
+	// `scroll-padding-inline: 12px` (jelinek.css:938) is the fix for what that
+	// pair breaks: without it, snapping ignores the 12px reserve and parks every
+	// tile 12px to the left of where the row's content actually starts.
+	const ROW =
+		'flex flex-nowrap gap-6 overflow-x-auto [scroll-behavior:smooth] ' +
+		'[scroll-snap-type:x_proximity] [scrollbar-width:none] [-ms-overflow-style:none] ' +
+		'[&::-webkit-scrollbar]:hidden ' +
+		'pt-1 pr-3 pb-6 pl-3 -mt-1 -mr-3 -ml-3 [scroll-padding-inline:12px] ' +
+		// jelinek.css:941-944 — how many tiles are visible at each breakpoint.
+		// Every basis is deliberately short of a whole division of the row (80,
+		// not 100; 46, not 50; 31, not 33.3; 23, not 25) so the NEXT tile is
+		// always partly on screen. That sliver is the affordance; the arrows are
+		// the second one, for people who do not read slivers.
+		'[&>*]:flex-[0_0_80%] [&>*]:[scroll-snap-align:start] ' +
+		'min-[640px]:[&>*]:flex-[0_0_46%] min-[1024px]:[&>*]:flex-[0_0_31%] ' +
+		'min-[1440px]:[&>*]:flex-[0_0_23%]';
+
+	// WRAPPER — jelinek.css:948 (`.tabs-scroll--below`) reserves 44px under the
+	// row for the arrow pair.
+	const WRAP = 'relative min-w-0 pb-11';
+
+	// ARROWS — jelinek.css:949-956. The `--below` variant differs from Tabs' in
+	// three ways, all of them deliberate in the guide: they sit UNDER the row
+	// rather than over its edges, they are 34px rather than 30, and at the end
+	// of the row they only DIM (opacity .35, pointer-events: none) instead of
+	// disappearing. The guide's comment gives the reason for the third —
+	// "aby dvojice šipek neposkakovala", so the pair does not jump about as you
+	// scroll. It also means neither button ever unmounts, so this component
+	// needs none of Tabs' focus hand-off: a keyboard user who exhausts one
+	// direction still has both buttons under their finger.
+	//
+	// Colours, radius, shadow and the transition pair are Tabs' ARROW verbatim
+	// (jelinek.css:858-866 + :872-873) — one shared rule in the guide, one
+	// shared appearance here.
+	const ARROW =
+		'absolute bottom-0 flex h-[34px] w-[34px] items-center justify-center ' +
+		'rounded-pill border-0 p-0 bg-surface text-fg-muted1 shadow-resting cursor-pointer ' +
+		'transition-[background-color,color] duration-[var(--dur-base)] ease-[var(--ease)] ' +
+		'hover:bg-jelinek-black hover:text-on-jelinek-black ' +
+		'disabled:opacity-35 disabled:pointer-events-none disabled:cursor-default';
+
+	// State comes from the element, never from a breakpoint — a three-tile row
+	// on a wide screen does not overflow and correctly shows no arrows. Both
+	// start at 0 so the server-rendered HTML has no buttons; hydration adds them
+	// only if the row really does overflow. Slack of 2px is the guide's own
+	// (jelinek.js:506-508), so sub-pixel layout never leaves an arrow lit that
+	// cannot actually move.
+	let scroller = $state<HTMLElement | null>(null);
+	let scrollLeft = $state(0);
+	let scrollMax = $state(0);
+	const overflowing = $derived(scrollMax > 2);
+	const atStart = $derived(scrollLeft <= 2);
+	const atEnd = $derived(scrollLeft >= scrollMax - 2);
+
+	$effect(() => {
+		const el = scroller;
+		if (!el) return;
+		function measure() {
+			if (!el) return;
+			scrollLeft = el.scrollLeft;
+			scrollMax = el.scrollWidth - el.clientWidth;
+		}
+		measure();
+		el.addEventListener('scroll', measure, { passive: true });
+		const ro = new ResizeObserver(measure);
+		ro.observe(el);
+		return () => {
+			el.removeEventListener('scroll', measure);
+			ro.disconnect();
+		};
+	});
+
+	// jelinek.js:493-497 — 80% of the visible width per press, smooth. That is
+	// the same 80% as the mobile flex-basis by coincidence of the design, not by
+	// derivation: one press advances roughly one tile on a phone and roughly
+	// three on a wide screen, because the step is a share of the VIEWPORT, not
+	// of the tile.
+	function nudge(dir: 'prev' | 'next') {
+		const el = scroller;
+		if (!el) return;
+		const step = Math.round(el.clientWidth * 0.8) * (dir === 'prev' ? -1 : 1);
+		el.scrollBy({ left: step, behavior: 'smooth' });
+	}
+
+	// jelinek.js:459-463 (`chevron()`), byte for byte — see Tabs.svelte.
+	const CHEVRON = { prev: 'M15 6l-6 6 6 6', next: 'M9 6l6 6-6 6' };
+</script>
+
+<div class={WRAP}>
+	<div bind:this={scroller} {...rest} class={cn(ROW, className)}>
+		{@render children()}
+	</div>
+	{#if overflowing}
+		<button
+			type="button"
+			class={cn(ARROW, 'left-[calc(50%-40px)]')}
+			aria-label={prevLabel}
+			disabled={atStart}
+			onclick={() => nudge('prev')}
+		>
+			<svg
+				width="16"
+				height="16"
+				viewBox="0 0 24 24"
+				fill="none"
+				stroke="currentColor"
+				stroke-width="2.5"
+				stroke-linecap="round"
+				stroke-linejoin="round"
+				aria-hidden="true"
+			>
+				<path d={CHEVRON.prev} />
+			</svg>
+		</button>
+		<button
+			type="button"
+			class={cn(ARROW, 'right-[calc(50%-40px)]')}
+			aria-label={nextLabel}
+			disabled={atEnd}
+			onclick={() => nudge('next')}
+		>
+			<svg
+				width="16"
+				height="16"
+				viewBox="0 0 24 24"
+				fill="none"
+				stroke="currentColor"
+				stroke-width="2.5"
+				stroke-linecap="round"
+				stroke-linejoin="round"
+				aria-hidden="true"
+			>
+				<path d={CHEVRON.next} />
+			</svg>
+		</button>
+	{/if}
+</div>

package/dist/components/TileScroller.svelte.d.ts

@@ -0,0 +1,25 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+interface Props {
+    /**
+     * Accessible names for the two scroll arrows.
+     *
+     * DELIBERATELY NOT the guide's strings. assets/js/jelinek.js:502-503
+     * labels every scroller's arrows "Posunout na předchozí/další položky",
+     * because one `arrow()` helper builds them for `.tabs`,
+     * `.logo-tool__bgtabs` and `.tile-scroller` alike (jelinek.js:475). Put a
+     * Tabs and a TileScroller on one page — /ui/komponenty does exactly that
+     * — and a screen-reader user hears four buttons with two names between
+     * them, with nothing to say which row moves. Naming the thing that
+     * actually moves is worth the divergence; a caller who wants the guide's
+     * wording back can pass it.
+     */
+    prevLabel?: string;
+    nextLabel?: string;
+    class?: string;
+    children: Snippet;
+}
+type $$ComponentProps = Props & HTMLAttributes<HTMLDivElement>;
+declare const TileScroller: import("svelte").Component<$$ComponentProps, {}, "">;
+type TileScroller = ReturnType<typeof TileScroller>;
+export default TileScroller;

package/dist/components/container-context.d.ts

@@ -0,0 +1 @@
+export declare const CONTAINER_CONTEXT: unique symbol;

package/dist/components/container-context.js

@@ -0,0 +1,6 @@
+// Marker context: "content rendered here already sits inside a `Container`
+// (jelinek.css:287's `.container` — mx-auto/max-w-page/px-6)." No payload
+// beyond presence is needed — unlike TABS_CONTEXT/RADIO_CONTEXT, which carry
+// live state a child reads/writes, this is a one-way "is an ancestor already
+// doing this job" signal, checked once via `hasContext()` (see PageHero.svelte).
+export const CONTAINER_CONTEXT = Symbol('jelinek-container');

package/dist/components/deer-mark-path.d.ts

@@ -0,0 +1,16 @@
+/**
+ * The JELÍNEK deer-antler mark's SVG path data (the `d` attribute inside a
+ * `0 0 400 400` viewBox), verified byte-identical across every place the
+ * guide draws it: partials/header.html:4, all seven `.content-logo__svg`
+ * instances in ui/logo.html, and the copy SiteHeader.svelte already carried
+ * inline. Extracted here (Task 23, ContentLogo) so SiteHeader.svelte and
+ * ContentLogo.svelte share one copy of this ~490-character string instead
+ * of two that could silently drift apart — the surrounding markup around
+ * the path differs between the two components (SiteHeader's <rect> has no
+ * corner radius and re-themes via fill-jelinek-black/-white utility
+ * classes; ContentLogo's <rect> is a literal fill="#000" rounded square,
+ * rx/ry 25, jelinek.css:743-757, and the path itself is a literal
+ * fill="currentColor" so only the antlers — not the square behind them —
+ * follow the content division), only the path data itself is identical.
+ */
+export declare const DEER_MARK_PATH = "M216.7,187.9h26.5c1,0,2,0,3,0,12.6,0,26.9.1,36.7-9.8,6.8-6.9,10.1-17.4,10.1-32h-12.7c0,10.8-2.1,18.5-6.4,22.8-6.1,6.1-17,6.1-27.7,6-1,0-2.1,0-3.1,0h-13.7v-33.5h-12.7v33.5h-23.2l-55-31v-48.2h-12.7v41l-9.1-5.1h-.3c-.5-.4-53.6-27.6-54.2-69.3l-12.7.2c.7,49,57.1,78.5,61.2,80.5l56.5,31.8h-41.4v6.5c0,12.5,5,19.7,11.5,25.4,6.5,5.7,22.9,5.7,22.9,5.7h19.3v-13h-22.9c-9.6,0-15.4-3.9-17.4-11.7h51l79.9,42.3v27.2l-32.6-12.5-2.4-.5-99,53.6v13.7l2.6-.3,99.6-53.6,34,13.2,10.4-4.7v-39.9l-3.3-5.7-63-32.8Z";

package/dist/components/deer-mark-path.js

@@ -0,0 +1,16 @@
+/**
+ * The JELÍNEK deer-antler mark's SVG path data (the `d` attribute inside a
+ * `0 0 400 400` viewBox), verified byte-identical across every place the
+ * guide draws it: partials/header.html:4, all seven `.content-logo__svg`
+ * instances in ui/logo.html, and the copy SiteHeader.svelte already carried
+ * inline. Extracted here (Task 23, ContentLogo) so SiteHeader.svelte and
+ * ContentLogo.svelte share one copy of this ~490-character string instead
+ * of two that could silently drift apart — the surrounding markup around
+ * the path differs between the two components (SiteHeader's <rect> has no
+ * corner radius and re-themes via fill-jelinek-black/-white utility
+ * classes; ContentLogo's <rect> is a literal fill="#000" rounded square,
+ * rx/ry 25, jelinek.css:743-757, and the path itself is a literal
+ * fill="currentColor" so only the antlers — not the square behind them —
+ * follow the content division), only the path data itself is identical.
+ */
+export const DEER_MARK_PATH = 'M216.7,187.9h26.5c1,0,2,0,3,0,12.6,0,26.9.1,36.7-9.8,6.8-6.9,10.1-17.4,10.1-32h-12.7c0,10.8-2.1,18.5-6.4,22.8-6.1,6.1-17,6.1-27.7,6-1,0-2.1,0-3.1,0h-13.7v-33.5h-12.7v33.5h-23.2l-55-31v-48.2h-12.7v41l-9.1-5.1h-.3c-.5-.4-53.6-27.6-54.2-69.3l-12.7.2c.7,49,57.1,78.5,61.2,80.5l56.5,31.8h-41.4v6.5c0,12.5,5,19.7,11.5,25.4,6.5,5.7,22.9,5.7,22.9,5.7h19.3v-13h-22.9c-9.6,0-15.4-3.9-17.4-11.7h51l79.9,42.3v27.2l-32.6-12.5-2.4-.5-99,53.6v13.7l2.6-.3,99.6-53.6,34,13.2,10.4-4.7v-39.9l-3.3-5.7-63-32.8Z';

package/dist/components/nav.d.ts

@@ -0,0 +1,25 @@
+export type NavItem = {
+    href: string;
+    label: string;
+    /**
+     * How `active` is compared against this item's `href`.
+     *
+     * `'exact'` (the default) is right for a chapter link: only that page lights
+     * it up. `'prefix'` is for a SECTION link — the guide's own header marks
+     * "Brand guide" and "UI guide" active on every page inside them, not just on
+     * the section's index (partials/header.html:8-10 does it with the SSI `$nav`
+     * variable, which each page sets to `uvod`/`brand`/`ui`). Without this a
+     * top-level section link is lit on exactly one URL and dead on the twenty
+     * pages the reader actually gets there from.
+     *
+     * A `'prefix'` item whose href is `/` would match everything, so the root is
+     * special-cased to an exact compare — see isActive() in SiteHeader.
+     */
+    match?: 'exact' | 'prefix';
+};
+/**
+ * Does `pathname` count as being on `item`? Exported because SiteHeader renders
+ * the same list twice (the ≥640px row and the phone panel) and ChapterNav takes
+ * the same shape.
+ */
+export declare function isActive(item: NavItem, pathname: string | undefined): boolean;

package/dist/components/nav.js

@@ -0,0 +1,17 @@
+/**
+ * Does `pathname` count as being on `item`? Exported because SiteHeader renders
+ * the same list twice (the ≥640px row and the phone panel) and ChapterNav takes
+ * the same shape.
+ */
+export function isActive(item, pathname) {
+    if (pathname === undefined)
+        return false;
+    if (item.match !== 'prefix')
+        return item.href === pathname;
+    // A bare "/" prefix would match every path, which is never what a section
+    // link means. Compare exactly instead.
+    const base = item.href.replace(/\/$/, '');
+    if (base === '')
+        return pathname === '/' || pathname === '';
+    return pathname === base || pathname.startsWith(`${base}/`);
+}

package/dist/components/radio-context.d.ts

@@ -0,0 +1,6 @@
+export declare const RADIO_CONTEXT: unique symbol;
+export type RadioContext = {
+    name: string;
+    current: () => string;
+    select: (value: string) => void;
+};

package/dist/components/radio-context.js

@@ -0,0 +1 @@
+export const RADIO_CONTEXT = Symbol('jelinek-radio-group');

package/dist/components/tabs-context.d.ts

@@ -0,0 +1,5 @@
+export declare const TABS_CONTEXT: unique symbol;
+export type TabsContext = {
+    current: () => string;
+    select: (value: string) => void;
+};

package/dist/components/tabs-context.js

@@ -0,0 +1 @@
+export const TABS_CONTEXT = Symbol('jelinek-tabs');

package/dist/index.d.ts

@@ -0,0 +1,37 @@
+export { cn } from './utils/cn.js';
+export { createChapterNavDock } from './utils/chapter-nav-dock.svelte.js';
+export { default as Alert } from './components/Alert.svelte';
+export { default as Button } from './components/Button.svelte';
+export { default as Card } from './components/Card.svelte';
+export { default as ChapterNav } from './components/ChapterNav.svelte';
+export { default as Checkbox } from './components/Checkbox.svelte';
+export { default as CodeCopy } from './components/CodeCopy.svelte';
+export { CONTAINER_CONTEXT } from './components/container-context.js';
+export { default as Container } from './components/Container.svelte';
+export { default as ContentLogo } from './components/ContentLogo.svelte';
+export { default as Demo } from './components/Demo.svelte';
+export { default as Eyebrow } from './components/Eyebrow.svelte';
+export { default as Glass } from './components/Glass.svelte';
+export { default as Grid } from './components/Grid.svelte';
+export { default as Label } from './components/Label.svelte';
+export { isActive, type NavItem } from './components/nav.js';
+export { default as PageHero } from './components/PageHero.svelte';
+export { default as Pager } from './components/Pager.svelte';
+export { default as Panel } from './components/Panel.svelte';
+export { default as ProductCard } from './components/ProductCard.svelte';
+export { default as Radio } from './components/Radio.svelte';
+export { RADIO_CONTEXT, type RadioContext } from './components/radio-context.js';
+export { default as RadioGroup } from './components/RadioGroup.svelte';
+export { default as Select } from './components/Select.svelte';
+export { default as SiteFooter } from './components/SiteFooter.svelte';
+export { default as SiteHeader } from './components/SiteHeader.svelte';
+export { default as Slider } from './components/Slider.svelte';
+export { default as Swatch } from './components/Swatch.svelte';
+export { default as Tab } from './components/Tab.svelte';
+export { default as Tabs } from './components/Tabs.svelte';
+export { TABS_CONTEXT, type TabsContext } from './components/tabs-context.js';
+export { default as Tag } from './components/Tag.svelte';
+export { default as TextField } from './components/TextField.svelte';
+export { default as ThemeToggle } from './components/ThemeToggle.svelte';
+export { default as Tile } from './components/Tile.svelte';
+export { default as TileScroller } from './components/TileScroller.svelte';

package/dist/index.js

@@ -0,0 +1,37 @@
+export { cn } from './utils/cn.js';
+export { createChapterNavDock } from './utils/chapter-nav-dock.svelte.js';
+export { default as Alert } from './components/Alert.svelte';
+export { default as Button } from './components/Button.svelte';
+export { default as Card } from './components/Card.svelte';
+export { default as ChapterNav } from './components/ChapterNav.svelte';
+export { default as Checkbox } from './components/Checkbox.svelte';
+export { default as CodeCopy } from './components/CodeCopy.svelte';
+export { CONTAINER_CONTEXT } from './components/container-context.js';
+export { default as Container } from './components/Container.svelte';
+export { default as ContentLogo } from './components/ContentLogo.svelte';
+export { default as Demo } from './components/Demo.svelte';
+export { default as Eyebrow } from './components/Eyebrow.svelte';
+export { default as Glass } from './components/Glass.svelte';
+export { default as Grid } from './components/Grid.svelte';
+export { default as Label } from './components/Label.svelte';
+export { isActive } from './components/nav.js';
+export { default as PageHero } from './components/PageHero.svelte';
+export { default as Pager } from './components/Pager.svelte';
+export { default as Panel } from './components/Panel.svelte';
+export { default as ProductCard } from './components/ProductCard.svelte';
+export { default as Radio } from './components/Radio.svelte';
+export { RADIO_CONTEXT } from './components/radio-context.js';
+export { default as RadioGroup } from './components/RadioGroup.svelte';
+export { default as Select } from './components/Select.svelte';
+export { default as SiteFooter } from './components/SiteFooter.svelte';
+export { default as SiteHeader } from './components/SiteHeader.svelte';
+export { default as Slider } from './components/Slider.svelte';
+export { default as Swatch } from './components/Swatch.svelte';
+export { default as Tab } from './components/Tab.svelte';
+export { default as Tabs } from './components/Tabs.svelte';
+export { TABS_CONTEXT } from './components/tabs-context.js';
+export { default as Tag } from './components/Tag.svelte';
+export { default as TextField } from './components/TextField.svelte';
+export { default as ThemeToggle } from './components/ThemeToggle.svelte';
+export { default as Tile } from './components/Tile.svelte';
+export { default as TileScroller } from './components/TileScroller.svelte';