@sigx/lynx-zero 0.4.9

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025-2026 Andreas Ekdahl
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,25 @@
+# @sigx/lynx-zero
+
+Design-system-neutral UI foundation for sigx-lynx. Design-system packages
+(`@sigx/lynx-daisyui`, `@sigx/lynx-heroui`, …) build on it; apps normally
+import from their chosen design system, which re-exports what it uses from
+here.
+
+What lives here (growing per the phases in
+[signalxjs/lynx#219](https://github.com/signalxjs/lynx/issues/219)):
+
+- **The shared contract** (`SizeScale`, `ColorVariant`, `ColorToken`,
+  common prop fragments like `WithColor`/`WithDisabled`/`PressEvent`) —
+  the vocabulary every design system agrees on, so switching an app from
+  one DS to another is mostly an import swap.
+- **Token-name conventions** — every theme resolves against the same CSS
+  custom-property names (`--color-*`, `--radius-*`, `--size-*`, `--text-*`).
+- **Style utilities** — `resolveBoxStyle`, `resolveSpacing`,
+  `resolveColorToken`.
+- **Press-feedback defaults** — `PRESSED_SCALE`, `PRESSED_OPACITY`.
+- *(Later phases)* layout primitives (`Row`, `Col`, `Center`, `Spacer`,
+  `ScrollView`) and the theme engine (`ThemeProvider`, `themeController`,
+  theme registry).
+
+What deliberately does **not** live here: visual components, component CSS,
+class-name recipes, theme palettes — those are per-design-system.

package/dist/components/SwiperIndicator.d.ts

@@ -0,0 +1,43 @@
+import { type Define, type PrimitiveSignal, type SharedValue } from '@sigx/lynx';
+import { type ColorToken } from '../contract.js';
+/**
+ * Visual style for the swiper page indicator.
+ *
+ * - `dots` — equally-spaced circles, the active one fades in via opacity.
+ *   Today's default. Cheap (opacity-only MT mapper, no layout each frame).
+ * - `bar` — fixed track with a single sliding thumb. Single MT binding
+ *   regardless of page count, so cheapest for very long carousels.
+ * - `pill` — the active dot stretches horizontally into a pill while
+ *   neighbours stay circular. Uses `scaleX` so siblings don't reflow.
+ * - `numbered` — text counter like `2 / 5`. Pure BG-thread, no animation.
+ * - `scale-pulse` — circles where the active one scales up. No colour
+ *   crossfade — pairs well with monochrome palettes.
+ */
+export type SwiperIndicatorVariant = 'dots' | 'bar' | 'pill' | 'numbered' | 'scale-pulse';
+export type SwiperIndicatorSize = 'xs' | 'sm' | 'md' | 'lg';
+export type SwiperIndicatorProps = Define.Prop<'variant', SwiperIndicatorVariant, false>
+/**
+ * Live MT pixel offset from the parent `<Swiper>` — full scroll-linked
+ * fidelity for the animated variants. When omitted but `index` is wired,
+ * the indicator derives one internally (#211): it glides between page
+ * positions with a timing curve on every index change. Mode is fixed at
+ * mount.
+ */
+ & Define.Prop<'offset', SharedValue<number>, false>
+/** Page width in CSS px. Must match the Swiper's effective page width. */
+ & Define.Prop<'pageWidth', number, false>
+/** Total page count. */
+ & Define.Prop<'count', number, true>
+/**
+ * Current page (whole-units). Required for `numbered`, drives the
+ * derived offset in index-only mode, and consumed by all variants for
+ * tap-to-jump.
+ */
+ & Define.Prop<'index', PrimitiveSignal<number>, false> & Define.Prop<'color', ColorToken, false> & Define.Prop<'inactiveColor', ColorToken, false> & Define.Prop<'size', SwiperIndicatorSize, false>
+/**
+ * Tap-to-jump handler. The receiver should typically write
+ * `index.value = i` to glide the swiper to that page.
+ */
+ & Define.Prop<'onDotPress', (index: number) => void, false> & Define.Prop<'class', string, false> & Define.Prop<'style', Record<string, string | number>, false>;
+export declare const SwiperIndicator: import("@sigx/runtime-core").ComponentFactory<SwiperIndicatorProps, void, {}>;
+//# sourceMappingURL=SwiperIndicator.d.ts.map

package/dist/components/SwiperIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwiperIndicator.d.ts","sourceRoot":"","sources":["../../src/components/SwiperIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,MAAM,EACX,KAAK,eAAe,EACpB,KAAK,WAAW,EACjB,MAAM,YAAY,CAAC;AAQpB,OAAO,EAAqB,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEpE;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,sBAAsB,GAC9B,MAAM,GACN,KAAK,GACL,MAAM,GACN,UAAU,GACV,aAAa,CAAC;AAElB,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAoB5D,MAAM,MAAM,oBAAoB,GAC5B,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,sBAAsB,EAAE,KAAK,CAAC;AACvD;;;;;;GAMG;GACD,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC;AACnD,0EAA0E;GACxE,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,CAAC;AACzC,wBAAwB;GACtB,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC;AACpC;;;;GAIG;GACD,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,eAAe,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,GACpD,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC,GACvC,MAAM,CAAC,IAAI,CAAC,eAAe,EAAE,UAAU,EAAE,KAAK,CAAC,GAC/C,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,mBAAmB,EAAE,KAAK,CAAC;AACjD;;;GAGG;GACD,MAAM,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,EAAE,KAAK,CAAC,GACzD,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GACnC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,CAAC,CAAC;AA8CjE,eAAO,MAAM,eAAe,+EA0F1B,CAAC"}

package/dist/components/SwiperIndicator.js

@@ -0,0 +1,272 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@sigx/lynx/jsx-runtime";
+import { component, effect, runOnMainThread, signal, useSharedValue, } from '@sigx/lynx';
+import { useSwiperDotProgress, useSwiperDotScale, useSwiperDotGrowX, useSwiperDotTranslate, } from '@sigx/lynx-gestures';
+import { withTiming } from '@sigx/lynx-motion';
+import { resolveColorToken } from '../contract.js';
+const SIZE_TABLE = {
+    xs: { dot: 4, gap: 4, barHeight: 3, fontSize: 11 },
+    sm: { dot: 6, gap: 6, barHeight: 4, fontSize: 12 },
+    md: { dot: 8, gap: 8, barHeight: 5, fontSize: 14 },
+    lg: { dot: 12, gap: 10, barHeight: 6, fontSize: 16 },
+};
+/**
+ * Themed swiper page indicator with five preset variants. Each variant
+ * is a thin shell over a headless hook from `@sigx/lynx-gestures` (see
+ * `useSwiperDotProgress`, `useSwiperDotScale`, `useSwiperDotGrowX`,
+ * `useSwiperDotTranslate`). For a fully custom indicator, compose the
+ * hooks yourself rather than forking this file.
+ *
+ * @example Scroll-linked (full fidelity, wired to a `<Swiper>`)
+ * ```tsx
+ * const offset = useSharedValue(0);
+ * const idx = signal({ value: 0 });
+ * <Swiper offset={offset} index={idx} width={W}>…</Swiper>
+ * <SwiperIndicator
+ *   variant="pill"
+ *   offset={offset}
+ *   pageWidth={W}
+ *   count={photos.length}
+ *   index={idx}
+ *   color="primary"
+ *   onDotPress={(i) => { idx.value = i; }}
+ * />
+ * ```
+ *
+ * @example Index-only (no Swiper — the offset is derived internally)
+ * ```tsx
+ * const idx = signal({ value: 0 });
+ * <SwiperIndicator
+ *   variant="dots"
+ *   count={5}
+ *   index={idx}
+ *   onDotPress={(i) => { idx.value = i; }}
+ * />
+ * ```
+ */
+/**
+ * Nominal page width for the internally-derived offset (index-only mode).
+ * The animated variants consume `offset` and `pageWidth` only as the ratio
+ * `offset / pageWidth`, so any non-zero constant works.
+ */
+const SYNTHETIC_PAGE_WIDTH = 100;
+/** Timing used when gliding the derived offset between page positions. */
+const SYNTHETIC_GLIDE_SECONDS = 0.28;
+export const SwiperIndicator = component(({ props }) => {
+    // Index-only mode (#211), fixed at mount: with no live `offset` wired but
+    // an `index`, own a SharedValue and glide it to `index × nominal width`
+    // with a timing curve whenever the index changes — the same push a real
+    // `<Swiper>` makes, minus the scroll-linked in-between frames.
+    const indexOnly = props.offset == null && props.index != null;
+    const derivedOffset = useSharedValue(indexOnly ? (props.index.value | 0) * SYNTHETIC_PAGE_WIDTH : 0);
+    if (indexOnly) {
+        // Hoisted once — wrapping per call would allocate a new MT runner on
+        // every index change.
+        const glideTo = runOnMainThread((to) => {
+            'main thread';
+            withTiming(derivedOffset, to, { duration: SYNTHETIC_GLIDE_SECONDS });
+        });
+        effect(() => {
+            glideTo((props.index.value | 0) * SYNTHETIC_PAGE_WIDTH);
+        });
+    }
+    return () => {
+        const variant = props.variant ?? 'dots';
+        const size = SIZE_TABLE[props.size ?? 'md'];
+        const activeColor = resolveColorToken(props.color ?? 'primary');
+        const inactiveColor = resolveColorToken(props.inactiveColor ?? 'base-content');
+        const offset = indexOnly ? derivedOffset : props.offset;
+        const pageWidth = indexOnly ? SYNTHETIC_PAGE_WIDTH : props.pageWidth;
+        if (variant === 'numbered') {
+            return (_jsx(NumberedIndicator, { count: props.count, index: props.index ?? FALLBACK_INDEX, color: activeColor, fontSize: size.fontSize, class: props.class, style: props.style }));
+        }
+        if (variant === 'bar') {
+            if (offset == null || pageWidth == null)
+                return null;
+            return (_jsx(BarIndicator, { offset: offset, pageWidth: pageWidth, count: props.count, activeColor: activeColor, inactiveColor: inactiveColor, barHeight: size.barHeight, dotSize: size.dot, gap: size.gap, onDotPress: props.onDotPress, class: props.class, style: props.style }));
+        }
+        if (offset == null || pageWidth == null)
+            return null;
+        return (_jsx("view", { class: props.class, style: {
+                display: 'flex',
+                flexDirection: 'row',
+                alignItems: 'center',
+                justifyContent: 'center',
+                gap: size.gap + 'px',
+                ...props.style,
+            }, children: Array.from({ length: props.count }, (_, i) => (_jsx(Dot, { index: i, offset: offset, pageWidth: pageWidth, variant: variant, size: size, activeColor: activeColor, inactiveColor: inactiveColor, onPress: props.onDotPress }, i))) }));
+    };
+});
+// ─────────────────────────────────────────────────────────────────────
+// Per-variant pieces. Each owns a single `useAnimatedStyle` call-site
+// (per-iteration call inside `.map()` is fine — call-sites are stable).
+const FALLBACK_INDEX = signal({ value: 0 });
+const Dot = component(({ props }) => {
+    // Each branch picks a different headless hook. Variants that need
+    // *two* simultaneous channels (opacity AND scale, or scale AND scaleX)
+    // need two refs — one per element — because `useAnimatedStyle` is
+    // one-binding-per-element.
+    if (props.variant === 'dots') {
+        return DotsBody(props);
+    }
+    if (props.variant === 'pill') {
+        return PillBody(props);
+    }
+    // scale-pulse
+    return ScalePulseBody(props);
+});
+function DotsBody(props) {
+    const overlayRef = useSwiperDotProgress({
+        offset: props.offset,
+        pageWidth: props.pageWidth,
+        index: props.index,
+    });
+    return () => (_jsx("view", { catchtap: props.onPress ? () => props.onPress?.(props.index) : undefined, style: {
+            width: props.size.dot + 'px',
+            height: props.size.dot + 'px',
+            borderRadius: (props.size.dot / 2) + 'px',
+            backgroundColor: withAlpha(props.inactiveColor, 0.4),
+            position: 'relative',
+            overflow: 'hidden',
+        }, children: _jsx("view", { "main-thread:ref": overlayRef, style: {
+                position: 'absolute',
+                left: '0',
+                top: '0',
+                right: '0',
+                bottom: '0',
+                backgroundColor: props.activeColor,
+                opacity: '0',
+            } }) }));
+}
+function PillBody(props) {
+    // Pill stretches horizontally via scaleX (no layout cost) and brightens
+    // via opacity on the active-colour overlay. Both channels target the
+    // same dot — but each needs its own bound element, so we wrap the
+    // overlay inside a scaling shell.
+    const shellRef = useSwiperDotGrowX({
+        offset: props.offset,
+        pageWidth: props.pageWidth,
+        index: props.index,
+        inactive: 1,
+        active: 3,
+    });
+    const overlayRef = useSwiperDotProgress({
+        offset: props.offset,
+        pageWidth: props.pageWidth,
+        index: props.index,
+    });
+    return () => (_jsx("view", { catchtap: props.onPress ? () => props.onPress?.(props.index) : undefined, "main-thread:ref": shellRef, style: {
+            width: props.size.dot + 'px',
+            height: props.size.dot + 'px',
+            borderRadius: (props.size.dot / 2) + 'px',
+            backgroundColor: withAlpha(props.inactiveColor, 0.4),
+            position: 'relative',
+            overflow: 'hidden',
+            transformOrigin: 'center center',
+        }, children: _jsx("view", { "main-thread:ref": overlayRef, style: {
+                position: 'absolute',
+                left: '0',
+                top: '0',
+                right: '0',
+                bottom: '0',
+                backgroundColor: props.activeColor,
+                opacity: '0',
+            } }) }));
+}
+function ScalePulseBody(props) {
+    // No colour crossfade — pure scale. Active dot uses `activeColor`,
+    // inactive uses `inactiveColor` at low alpha. Visual is monochrome
+    // friendly.
+    const scaleRef = useSwiperDotScale({
+        offset: props.offset,
+        pageWidth: props.pageWidth,
+        index: props.index,
+        inactive: 1,
+        active: 1.6,
+    });
+    const opacityRef = useSwiperDotProgress({
+        offset: props.offset,
+        pageWidth: props.pageWidth,
+        index: props.index,
+    });
+    return () => (_jsx("view", { catchtap: props.onPress ? () => props.onPress?.(props.index) : undefined, "main-thread:ref": scaleRef, style: {
+            width: props.size.dot + 'px',
+            height: props.size.dot + 'px',
+            borderRadius: (props.size.dot / 2) + 'px',
+            backgroundColor: withAlpha(props.inactiveColor, 0.4),
+            position: 'relative',
+            overflow: 'hidden',
+        }, children: _jsx("view", { "main-thread:ref": opacityRef, style: {
+                position: 'absolute',
+                left: '0',
+                top: '0',
+                right: '0',
+                bottom: '0',
+                backgroundColor: props.activeColor,
+                opacity: '0',
+            } }) }));
+}
+const BarIndicator = component(({ props }) => {
+    // The thumb advances by (dot + gap) per page. We use the headless
+    // translate hook — a single MT binding regardless of page count.
+    const step = props.dotSize + props.gap;
+    const thumbRef = useSwiperDotTranslate({
+        offset: props.offset,
+        pageWidth: props.pageWidth,
+        step,
+    });
+    return () => {
+        const trackWidth = props.count * props.dotSize + Math.max(0, props.count - 1) * props.gap;
+        return (_jsxs("view", { class: props.class, style: {
+                position: 'relative',
+                width: trackWidth + 'px',
+                height: props.barHeight + 'px',
+                borderRadius: (props.barHeight / 2) + 'px',
+                backgroundColor: withAlpha(props.inactiveColor, 0.25),
+                overflow: 'visible',
+                ...props.style,
+            }, children: [props.onDotPress
+                    ? (_jsx("view", { style: {
+                            position: 'absolute',
+                            inset: '0',
+                            display: 'flex',
+                            flexDirection: 'row',
+                            alignItems: 'center',
+                        }, children: Array.from({ length: props.count }, (_, i) => (_jsx("view", { catchtap: () => props.onDotPress?.(i), style: {
+                                width: (props.dotSize + props.gap) + 'px',
+                                height: '100%',
+                            } }, i))) }))
+                    : null, _jsx("view", { "main-thread:ref": thumbRef, style: {
+                        position: 'absolute',
+                        left: '0',
+                        top: '0',
+                        width: props.dotSize + 'px',
+                        height: '100%',
+                        borderRadius: (props.barHeight / 2) + 'px',
+                        backgroundColor: props.activeColor,
+                    } })] }));
+    };
+});
+const NumberedIndicator = component(({ props }) => {
+    const label = signal({ value: '' });
+    effect(() => {
+        label.value = `${(props.index.value | 0) + 1} / ${props.count}`;
+    });
+    return () => (_jsx("text", { class: props.class, style: {
+            color: props.color,
+            fontSize: props.fontSize + 'px',
+            fontWeight: '600',
+            ...props.style,
+        }, children: label.value }));
+});
+// ─────────────────────────────────────────────────────────────────────
+// Helpers
+/**
+ * Apply an alpha to a CSS colour value. Works for `var(--color-*)`
+ * (uses `color-mix`) and for raw rgb/hex strings (uses `color-mix`
+ * too — broadly supported on the platforms Lynx targets).
+ */
+function withAlpha(color, alpha) {
+    const pct = Math.round(Math.max(0, Math.min(1, alpha)) * 100);
+    return `color-mix(in srgb, ${color} ${pct}%, transparent)`;
+}
+//# sourceMappingURL=SwiperIndicator.js.map

package/dist/components/SwiperIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwiperIndicator.js","sourceRoot":"","sources":["../../src/components/SwiperIndicator.tsx"],"names":[],"mappings":"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"}

package/dist/contract.d.ts

@@ -0,0 +1,95 @@
+/**
+ * The shared design-system contract.
+ *
+ * `@sigx/lynx-zero` is the design-system-neutral foundation that DS packages
+ * (`@sigx/lynx-daisyui`, `@sigx/lynx-heroui`, …) build on. This module is the
+ * *vocabulary* they agree on — size scales, semantic colors, theme token
+ * names, and common prop shapes — so that switching an app from one design
+ * system to another is mostly an import swap, not a rewrite.
+ *
+ * Rules of the contract:
+ *
+ * - DS packages **extend** these types, they never redeclare them. A daisy
+ *   button is `color: ColorVariant` plus daisy-specific extras; its size IS
+ *   `SizeScale`. Drift fails `pnpm typecheck`.
+ * - `variant` is intentionally NOT in the contract — fill style (outline,
+ *   soft, bordered, flat, …) is design-system chrome and differs per DS.
+ * - Theme CSS custom-property NAMES are part of the contract (see below);
+ *   the *values* come from each DS's registered themes.
+ *
+ * ## Structural token-name contract
+ *
+ * Every DS theme resolves against the same custom-property names:
+ *
+ * - Colors:    `--color-<ColorToken>` (e.g. `--color-primary`, `--color-base-100`)
+ * - Roundness: `--radius-selector` | `--radius-field` | `--radius-box`
+ * - Sizing:    `--size-selector` | `--size-field`, `--size-xs` … `--size-lg`
+ * - Text ramp: `--text-xs` … `--text-3xl` (app text, font-scaled)
+ * - Controls:  `--font-xs` … `--font-lg` (control-internal labels, unscaled)
+ * - Misc:      `--disabled-opacity`
+ */
+import type { Define } from '@sigx/lynx';
+/** The shared component size scale. */
+export type SizeScale = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+/**
+ * Semantic color names — the shared `color` prop vocabulary. A DS maps each
+ * onto its palette (HeroUI: `danger`→`error`, `default`→`neutral`, …).
+ *
+ * Single source of truth: the `ColorVariant` union, the `-content` / `-soft`
+ * token derivations, and the runtime `COLOR_TOKENS` Set all derive from this
+ * tuple.
+ */
+export declare const COLOR_VARIANT_LIST: readonly ['primary', 'secondary', 'accent', 'neutral', 'info', 'success', 'warning', 'error'];
+export type ColorVariant = typeof COLOR_VARIANT_LIST[number];
+/**
+ * Tokens authored by every theme: each variant + its `-content` pairing,
+ * plus the base surfaces.
+ */
+export type CoreColorToken = ColorVariant | `${ColorVariant}-content` | 'base-100' | 'base-200' | 'base-300' | 'base-content';
+/**
+ * Soft (tinted-surface) tokens — one per variant, emitted as
+ * `--color-<variant>-soft`. Lynx CSS can't alpha-compose `var()` colors, so
+ * these are *materialized in the palette*: computed at theme registration
+ * (`Theme.softMix` of the variant color mixed into `base-100`) unless the
+ * theme provides them explicitly. They are what soft/flat component fills
+ * read (`btn-soft`, hero's `flat`).
+ */
+export type SoftColorToken = `${ColorVariant}-soft`;
+/**
+ * The full set of semantic color tokens every *registered* theme carries,
+ * exposed as `--color-<token>` CSS custom properties. Authors write the core
+ * tokens; the registry completes the soft ones.
+ */
+export type ColorToken = CoreColorToken | SoftColorToken;
+/**
+ * Resolve a color value to a CSS color string.
+ *
+ * - Known semantic tokens (e.g. `'base-100'`) → `var(--color-base-100)`.
+ * - Anything else (`'#ffaa00'`, `'rgb(…)'`, `'var(--my-custom)'`) passes
+ *   through unchanged.
+ */
+export declare function resolveColorToken(value: string): string;
+/**
+ * Accepts a semantic color token (autocompleted) OR any raw CSS color
+ * string (`'#fff'`, `'rgb(…)'`, `'var(--foo)'`).
+ */
+export type BackgroundValue = ColorToken | (string & {});
+/** Arbitrary extra classes appended after the DS-computed ones. */
+export type WithClass = Define.Prop<'class', string, false>;
+/** Disabled: non-interactive + DS disabled styling. */
+export type WithDisabled = Define.Prop<'disabled', boolean, false>;
+/** Semantic color of the component (`primary`, `error`, …). */
+export type WithColor = Define.Prop<'color', ColorVariant, false>;
+/** Component size on the shared scale. */
+export type WithSize = Define.Prop<'size', SizeScale, false>;
+/** The shared press event — sigx convention is `onPress`, not `onTap`/`onClick`. */
+export type PressEvent = Define.Event<'press', void>;
+/**
+ * Accessibility passthrough for interactive components — mirrors the
+ * `accessibility-*` surface `@sigx/lynx-gestures`'s `Pressable` accepts on
+ * its host view (the same node that owns the gesture handler, so
+ * screen-reader activation works). DS components intersect this and forward
+ * the props verbatim.
+ */
+export type WithAccessibility = Define.Prop<'accessibility-element', boolean, false> & Define.Prop<'accessibility-label', string, false> & Define.Prop<'accessibility-role', string, false> & Define.Prop<'accessibility-trait', string, false> & Define.Prop<'accessibility-status', string, false>;
+//# sourceMappingURL=contract.d.ts.map

package/dist/contract.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contract.d.ts","sourceRoot":"","sources":["../src/contract.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAEzC,uCAAuC;AACvC,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzD;;;;;;;GAOG;AACH,eAAO,MAAM,kBAAkB,YAC7B,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAC3C,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAC7B,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,OAAO,kBAAkB,CAAC,MAAM,CAAC,CAAC;AAE7D;;;GAGG;AACH,MAAM,MAAM,cAAc,GACtB,YAAY,GACZ,GAAG,YAAY,UAAU,GACzB,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,cAAc,CAAC;AAE1D;;;;;;;GAOG;AACH,MAAM,MAAM,cAAc,GAAG,GAAG,YAAY,OAAO,CAAC;AAEpD;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG,cAAc,CAAC;AASzD;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAIvD;AAED;;;GAGG;AAEH,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAOzD,mEAAmE;AACnE,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AAE5D,uDAAuD;AACvD,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;AAEnE,+DAA+D;AAC/D,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;AAElE,0CAA0C;AAC1C,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;AAE7D,oFAAoF;AACpF,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AAErD;;;;;;GAMG;AACH,MAAM,MAAM,iBAAiB,GACzB,MAAM,CAAC,IAAI,CAAC,uBAAuB,EAAE,OAAO,EAAE,KAAK,CAAC,GACpD,MAAM,CAAC,IAAI,CAAC,qBAAqB,EAAE,MAAM,EAAE,KAAK,CAAC,GACjD,MAAM,CAAC,IAAI,CAAC,oBAAoB,EAAE,MAAM,EAAE,KAAK,CAAC,GAChD,MAAM,CAAC,IAAI,CAAC,qBAAqB,EAAE,MAAM,EAAE,KAAK,CAAC,GACjD,MAAM,CAAC,IAAI,CAAC,sBAAsB,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC"}

package/dist/contract.js

@@ -0,0 +1,30 @@
+/**
+ * Semantic color names — the shared `color` prop vocabulary. A DS maps each
+ * onto its palette (HeroUI: `danger`→`error`, `default`→`neutral`, …).
+ *
+ * Single source of truth: the `ColorVariant` union, the `-content` / `-soft`
+ * token derivations, and the runtime `COLOR_TOKENS` Set all derive from this
+ * tuple.
+ */
+export const COLOR_VARIANT_LIST = [
+    'primary', 'secondary', 'accent', 'neutral',
+    'info', 'success', 'warning', 'error',
+];
+const COLOR_TOKEN_LIST = [
+    ...COLOR_VARIANT_LIST.flatMap((v) => [v, `${v}-content`, `${v}-soft`]),
+    'base-100', 'base-200', 'base-300', 'base-content',
+];
+const COLOR_TOKENS = new Set(COLOR_TOKEN_LIST);
+/**
+ * Resolve a color value to a CSS color string.
+ *
+ * - Known semantic tokens (e.g. `'base-100'`) → `var(--color-base-100)`.
+ * - Anything else (`'#ffaa00'`, `'rgb(…)'`, `'var(--my-custom)'`) passes
+ *   through unchanged.
+ */
+export function resolveColorToken(value) {
+    return COLOR_TOKENS.has(value)
+        ? `var(--color-${value})`
+        : value;
+}
+//# sourceMappingURL=contract.js.map

package/dist/contract.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contract.js","sourceRoot":"","sources":["../src/contract.ts"],"names":[],"mappings":"AAmCA;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS;IAC3C,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO;CAC7B,CAAC;AA8BX,MAAM,gBAAgB,GAA0B;IAC9C,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAgB,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,UAAU,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACpF,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc;CACnD,CAAC;AAEF,MAAM,YAAY,GAA4B,IAAI,GAAG,CAAC,gBAAgB,CAAC,CAAC;AAExE;;;;;;GAMG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAAa;IAC7C,OAAQ,YAAoC,CAAC,GAAG,CAAC,KAAK,CAAC;QACrD,CAAC,CAAC,eAAe,KAAK,GAAG;QACzB,CAAC,CAAC,KAAK,CAAC;AACZ,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,30 @@
+export type { SizeScale, ColorVariant, ColorToken, CoreColorToken, SoftColorToken, BackgroundValue, WithClass, WithDisabled, WithColor, WithSize, WithAccessibility, PressEvent, } from './contract.js';
+export { resolveColorToken, COLOR_VARIANT_LIST } from './contract.js';
+export type { SpacingValue, BoxProps } from './shared/styles.js';
+export { resolveSpacing, resolveBoxStyle } from './shared/styles.js';
+export { PRESSED_SCALE, PRESSED_OPACITY } from './shared/press.js';
+export { useTabsSelection, provideTabsSelection } from './shared/tabs-selection.js';
+export type { TabsSelection } from './shared/tabs-selection.js';
+export { ThemeProvider, useTheme, listThemes, registerTheme, extendTheme, pickThemeFor, pairOf, variantOf, colorsOf, radiusOf, sizesOf, } from './theme/ThemeProvider.js';
+export type { ThemeName, ThemeController, ThemeProviderProps, Theme, ThemePalette, ThemeRadius, ThemeSizes, ThemeVariant, } from './theme/ThemeProvider.js';
+export { completeTheme } from './theme/registry.js';
+export type { ThemeInput, ThemePaletteInput } from './theme/registry.js';
+export { mixColors } from './theme/color-mix.js';
+export { useThemeColors, toHexColor, withAlpha } from './theme/use-theme-colors.js';
+export type { ThemeColors } from './theme/use-theme-colors.js';
+export { themeController } from './theme/theme-state.js';
+export { StatusBarSync } from './theme/StatusBarSync.js';
+export type { StatusBarSyncProps } from './theme/StatusBarSync.js';
+export { Row } from './layout/Row.js';
+export type { RowProps } from './layout/Row.js';
+export { Col } from './layout/Col.js';
+export type { ColProps } from './layout/Col.js';
+export { Center } from './layout/Center.js';
+export type { CenterProps } from './layout/Center.js';
+export { Spacer } from './layout/Spacer.js';
+export type { SpacerProps } from './layout/Spacer.js';
+export { ScrollView } from './layout/ScrollView.js';
+export type { ScrollViewProps } from './layout/ScrollView.js';
+export { SwiperIndicator } from './components/SwiperIndicator.js';
+export type { SwiperIndicatorProps, SwiperIndicatorVariant, SwiperIndicatorSize, } from './components/SwiperIndicator.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AASA,YAAY,EACV,SAAS,EACT,YAAY,EACZ,UAAU,EACV,cAAc,EACd,cAAc,EACd,eAAe,EACf,SAAS,EACT,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,iBAAiB,EACjB,UAAU,GACX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAGtE,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAGrE,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGnE,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AACpF,YAAY,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAKhE,OAAO,EACL,aAAa,EACb,QAAQ,EACR,UAAU,EACV,aAAa,EACb,WAAW,EACX,YAAY,EACZ,MAAM,EACN,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,GACR,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,SAAS,EACT,eAAe,EACf,kBAAkB,EAClB,KAAK,EACL,YAAY,EACZ,WAAW,EACX,UAAU,EACV,YAAY,GACb,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACpF,YAAY,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAG/D,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,YAAY,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAQnE,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AACtC,YAAY,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AACtC,YAAY,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,YAAY,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,YAAY,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAI9D,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,YAAY,EACV,oBAAoB,EACpB,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,iCAAiC,CAAC"}

package/dist/index.js

@@ -0,0 +1,41 @@
+// @sigx/lynx-zero — design-system-neutral UI foundation.
+//
+// Holds what every design-system package (@sigx/lynx-daisyui,
+// @sigx/lynx-heroui, …) shares: the props/token contract, the theme engine,
+// layout primitives, style utilities and press-feedback defaults
+// (see signalxjs/lynx#219).
+export { resolveColorToken, COLOR_VARIANT_LIST } from './contract.js';
+export { resolveSpacing, resolveBoxStyle } from './shared/styles.js';
+// Press-feedback defaults for interactive components.
+export { PRESSED_SCALE, PRESSED_OPACITY } from './shared/press.js';
+// Headless tabs selection — shared behavior behind every DS's Tabs/Tab.
+export { useTabsSelection, provideTabsSelection } from './shared/tabs-selection.js';
+// Theme engine — registry mechanism, provider, headless controller. Theme
+// *data* (palettes, generated first-paint CSS classes) lives in each
+// design-system package, which seeds the registry at module load.
+export { ThemeProvider, useTheme, listThemes, registerTheme, extendTheme, pickThemeFor, pairOf, variantOf, colorsOf, radiusOf, sizesOf, } from './theme/ThemeProvider.js';
+// Palette completion (soft tints) + the JS-side color mixer behind it.
+export { completeTheme } from './theme/registry.js';
+export { mixColors } from './theme/color-mix.js';
+// Scoped palette → concrete values for native consumers that can't read
+// CSS custom properties (platform inputs, sigx-richtext, SVG fills).
+export { useThemeColors, toHexColor, withAlpha } from './theme/use-theme-colors.js';
+// Headless theme handle: import and call from anywhere — stores, services,
+// effects, app-boot — with no `<ThemeProvider>` ancestor required.
+export { themeController } from './theme/theme-state.js';
+export { StatusBarSync } from './theme/StatusBarSync.js';
+// Per-screen theming (`useScreenTheme`) is deliberately NOT re-exported here:
+// it statically imports the optional `@sigx/lynx-navigation` peer, and a
+// barrel re-export would force that resolution onto every consumer. Import it
+// from the subpath instead: `@sigx/lynx-zero/screen-theme`.
+// Layout primitives — design-system-neutral structure (flex containers,
+// spacing, scrolling); no design-system class names involved.
+export { Row } from './layout/Row.js';
+export { Col } from './layout/Col.js';
+export { Center } from './layout/Center.js';
+export { Spacer } from './layout/Spacer.js';
+export { ScrollView } from './layout/ScrollView.js';
+// Swiper page indicator — design-system-neutral (pure tokens + headless
+// gesture/motion hooks, no DS class names). Both design systems re-export it.
+export { SwiperIndicator } from './components/SwiperIndicator.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,EAAE;AACF,8DAA8D;AAC9D,4EAA4E;AAC5E,iEAAiE;AACjE,4BAA4B;AAkB5B,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAItE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErE,sDAAsD;AACtD,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEnE,wEAAwE;AACxE,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAGpF,0EAA0E;AAC1E,qEAAqE;AACrE,kEAAkE;AAClE,OAAO,EACL,aAAa,EACb,QAAQ,EACR,UAAU,EACV,aAAa,EACb,WAAW,EACX,YAAY,EACZ,MAAM,EACN,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,GACR,MAAM,0BAA0B,CAAC;AAWlC,uEAAuE;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,wEAAwE;AACxE,qEAAqE;AACrE,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAEpF,2EAA2E;AAC3E,mEAAmE;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,8EAA8E;AAC9E,yEAAyE;AACzE,8EAA8E;AAC9E,4DAA4D;AAE5D,wEAAwE;AACxE,8DAA8D;AAC9D,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAEtC,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAGpD,wEAAwE;AACxE,8EAA8E;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/layout/Center.d.ts

@@ -0,0 +1,7 @@
+import { type Define } from '@sigx/lynx';
+import type { BackgroundValue } from '../contract.js';
+export type CenterProps = Define.Prop<'width', number | string, false> & Define.Prop<'height', number | string, false> & Define.Prop<'flex', number, false> & Define.Prop<'background', BackgroundValue, false> & Define.Prop<'borderRadius', number, false> & Define.Prop<'class', string, false> & Define.Slot<'default'>;
+export declare const Center: import("@sigx/runtime-core").ComponentFactory<CenterProps, void, {
+    default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
+}>;
+//# sourceMappingURL=Center.d.ts.map

package/dist/layout/Center.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Center.d.ts","sourceRoot":"","sources":["../../src/layout/Center.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,MAAM,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGtD,MAAM,MAAM,WAAW,GACnB,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,CAAC,GAC5C,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,CAAC,GAC7C,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,MAAM,CAAC,IAAI,CAAC,YAAY,EAAE,eAAe,EAAE,KAAK,CAAC,GACjD,MAAM,CAAC,IAAI,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,CAAC,GAC1C,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GACnC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AAE3B,eAAO,MAAM,MAAM;;EA2BjB,CAAC"}