@mkbabb/glass-ui 7.0.0 → 8.0.0

package/dist/components/easing/{composables/useEasingPicker.d.ts → usePicker.d.ts}

@@ -8,6 +8,11 @@ export type EasingFn = (t: number) => number;
 export type BezierPoints = [number, number, number, number];
 /** A canonical CSS step jump term. */
 export type JumpTerm = (typeof jumpTerms)[number];
+/** A point in the plot's SVG space (x rightwards, y downwards). */
+export interface CurvePoint {
+    readonly x: number;
+    readonly y: number;
+}
 /** The picker's v-model payload — the live curve callable + its re-parseable
  *  CSS literal + the mode, so a consumer can read back the authored curve. */
 export interface EasingPickerValue {
@@ -24,14 +29,8 @@ export interface EasingPickerValue {
     readonly term: JumpTerm;
 }
 export interface UseEasingPickerOptions {
-    /** The initial mode (default `"bezier"`). */
-    initialMode?: EasingPickerMode;
-    /** The initial bezier preset key (default `"ease-out-back"`). */
-    initialPreset?: string;
-    /** The initial step count (default 4). */
-    initialSteps?: number;
-    /** The initial step term (default `"jump-end"`). */
-    initialTerm?: JumpTerm;
+    /** The initial authored curve. Any subset; the rest takes the family default. */
+    initial?: Partial<EasingPickerValue>;
 }
 export interface UseEasingPickerReturn {
     mode: Ref<EasingPickerMode>;
@@ -43,7 +42,11 @@ export interface UseEasingPickerReturn {
     steps: Ref<number>;
     term: Ref<JumpTerm>;
     terms: readonly JumpTerm[];
-    /** The live easing callable for the active mode — re-derived on every edit. */
+    /** The bezier callable, live in both modes (the ghost stroke reads it). */
+    bezierFn: ComputedRef<EasingFn>;
+    /** The staircase callable, live in both modes. */
+    stepFn: ComputedRef<EasingFn>;
+    /** The callable for the ACTIVE mode — the one the readout and the dot follow. */
     easingFn: ComputedRef<EasingFn>;
     /** The complete re-parseable readout literal for the active mode. */
     readout: ComputedRef<string>;
@@ -51,19 +54,21 @@ export interface UseEasingPickerReturn {
     reparseOk: ComputedRef<boolean>;
     /** The full v-model payload (mode + css + fn + raw params). */
     value: ComputedRef<EasingPickerValue>;
-    /** Two SVG-space handle coords `[{x,y},{x,y}]` (bezier mode). */
-    handlesSvg: ComputedRef<{
-        x: number;
-        y: number;
-    }[]>;
-    /** The bezier path `d` (`M 0 1 C …`). */
+    /** The AUTHORED handle coords in SVG space — may sit outside the frame. */
+    handlesSvg: ComputedRef<CurvePoint[]>;
+    /** Where the handles PAINT: on their own leader, clamped to the frame edge. */
+    handlePins: ComputedRef<CurvePoint[]>;
+    /** The two leader anchors, `(0,1)` and `(1,0)` in SVG space. */
+    leaderAnchors: readonly CurvePoint[];
+    /** The bezier path `d` (`M 0 1 C …`) — the authored control points, unclamped. */
     bezierPathD: ComputedRef<string>;
-    /** The sampled staircase path `d` (steps mode). */
+    /** The staircase path `d` — constructed from the callable, never sampled. */
     stepPathD: ComputedRef<string>;
-    /** The bezier-canvas viewBox `{ minY, height }` clamping overshoot. */
-    viewBox: ComputedRef<{
-        minY: number;
-        height: number;
+    /** The active curve's exact extrema and whether it leaves the constant frame. */
+    excursion: ComputedRef<{
+        min: number;
+        max: number;
+        clipped: boolean;
     }>;
     progress: Ref<number>;
     playing: Ref<boolean>;
@@ -74,8 +79,7 @@ export interface UseEasingPickerReturn {
     stopTravel: () => void;
 }
 /**
- * The <EasingPicker> shared editor state. Composes the value.js math; owns the
- * chassis (control points, the literal, the rAF travel). Used by the EasingPicker
- * SFC + (composed through it) the EasingConfigurator register — ONE source.
+ * The `<EasingPicker>` editor state. Composes the value.js math; owns the chassis
+ * (control points, the literal, the constant-frame geometry, the rAF travel).
  */
 export declare function useEasingPicker(options?: UseEasingPickerOptions): UseEasingPickerReturn;

package/dist/components/expandable-container/ExpandableContainer.vue.d.ts

@@ -1,4 +1,4 @@
-import type { Surface } from "../_shared/axes";
+import type { Surface } from "../_shared/axes.js";
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{

package/dist/components/expandable-container/index.d.ts

@@ -1 +1 @@
-export { default as ExpandableContainer } from "./ExpandableContainer.vue";
+export { default as ExpandableContainer } from "./ExpandableContainer.vue.js";

package/dist/components/fading-scroll/constants.d.ts

@@ -1,14 +1,7 @@
 /**
- * Module-scope constants colocated with the FadingScroll family. Both
- * were promoted out of `composables/useFadingScroll.ts` verbatim.
+ * Module-scope constant colocated with the FadingScroll family. Promoted out of
+ * `composables/useFadingScroll.ts` verbatim.
  */
-/**
- * True when the engine genuinely supports a `scroll()` timeline — the CSS recipe
- * in `utilities/base.css` then owns the visual axis on the compositor and the
- * `useFadingScroll` composable becomes the inert (non-attaching) path. Module-level
- * so the feature gate is computed once. (Mirrors `useScrollProgress`'s twin.)
- */
-export declare const NATIVE_SCROLL_TIMELINE: boolean;
 /**
  * Tolerance (CSS px) absorbing scroll-snap jitter — `snap-mandatory` parks the
  * active card a few px off the true start, so the start edge reads as sharp until

package/dist/components/fading-scroll/index.d.ts

@@ -1,2 +1,2 @@
-export { default as FadingScroll } from "./FadingScroll.vue";
-export { useFadingScroll, type UseFadingScrollOptions, type UseFadingScrollControls, } from "./composables/useFadingScroll";
+export { default as FadingScroll } from "./FadingScroll.vue.js";
+export { useFadingScroll, type UseFadingScrollOptions, type UseFadingScrollControls, } from "./composables/useFadingScroll.js";

package/dist/components/fourier-field/FourierField.vue.d.ts

@@ -1,7 +1,7 @@
-import type { ColorResolver, OklchStop } from "../../composables/color";
-import { type BasisComponent } from "./math";
-import type { FourierFieldConfig } from "./constants";
-import type { RendererStatus } from "../../composables/glass/webgpu/rendererStatus";
+import type { ColorResolver, OklchStop } from "../../composables/color/index.js";
+import { type BasisComponent } from "./math.js";
+import type { FourierFieldConfig } from "./constants.js";
+import type { RendererStatus } from "../../composables/glass/webgpu/rendererStatus.js";
 /**
  * FourierField — a Fourier epicycle field on the GPU substrate, a
  * sibling primitive to Aurora, GooBlob, and DotFlowField. A chain of rotating circles
@@ -17,7 +17,7 @@ import type { RendererStatus } from "../../composables/glass/webgpu/rendererStat
  * demo Teal/cool preset stays demo-LOCAL (presets-in-consumers — never a library token).
  *
  * Visual bundles live in config presets. An ambient-background consumer passes `color` and the
- * `colorResolver`) for a thin warm default preserving the recessive look; the studio passes
+ * `colorResolver` for a thin warm default preserving the recessive look; the studio passes
  * the full `config` + `spectrum` + `getPalette`.
  */
 type __VLS_Props = {
@@ -35,11 +35,9 @@ type __VLS_Props = {
     seed?: string;
     /** Paint ONE static deterministic best-frame and never animate (the capture lever). Default false. */
     freeze?: boolean;
-    /** Outer loudness envelope (scales the per-layer alpha). When set, overrides `config.intensity`; clamped [0,2]. */
-    intensity?: number;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
-    backend: () => import("../../composables/glass/webgpu").GpuBackend;
+    backend: () => import("../../composables/glass/webgpu/useGpuSubstrate.js").GpuBackend;
     pause: () => void;
     resume: () => void;
     wake: () => void;

package/dist/components/fourier-field/composables/fourierFieldGLSetup.d.ts

@@ -1,7 +1,7 @@
-import type { WebGLCanvasFrame } from "../../../composables/glass/webgl/useWebGLCanvas";
-import type { OklchStop } from "../../../composables/color";
-import { type FourierFieldConfig } from "../constants";
-import { type BasisComponent } from "../math";
+import type { WebGLCanvasFrame } from "../../../composables/glass/webgl/useWebGLCanvas.js";
+import type { OklchStop } from "../../../composables/color/index.js";
+import { type FourierFieldConfig } from "../constants.js";
+import { type BasisComponent } from "../math.js";
 export interface FourierGLSetupDeps {
     canvas: HTMLCanvasElement;
     config: FourierFieldConfig;

package/dist/components/fourier-field/composables/fourierFieldWGPUSetup.d.ts

@@ -1,7 +1,7 @@
-import type { WebGPUCanvasFrame } from "../../../composables/glass/webgpu/useWebGPUCanvas";
-import type { OklchStop } from "../../../composables/color";
-import { type FourierFieldConfig } from "../constants";
-import type { BasisComponent } from "../math";
+import type { WebGPUCanvasFrame } from "../../../composables/glass/webgpu/useWebGPUCanvas.js";
+import type { OklchStop } from "../../../composables/color/index.js";
+import { type FourierFieldConfig } from "../constants.js";
+import type { BasisComponent } from "../math.js";
 export interface FourierWGPUSetupDeps {
     canvas: HTMLCanvasElement;
     config: FourierFieldConfig;

package/dist/components/fourier-field/composables/uniformBridgeWGPU.d.ts

@@ -1,8 +1,7 @@
-import type { OklchStop } from "../../../composables/color";
-import { type BasisComponent } from "../math";
+import type { OklchStop } from "../../../composables/color/index.js";
+import { type BasisComponent } from "../math.js";
 /** One phasor lane in the storage buffer: (re, im, index, _pad). */
 export declare const FOURIER_PHASOR_BYTES = 16;
-export declare const FOURIER_COMPUTE_UNIFORM_BYTES = 32;
 export interface FourierUniformScratch {
     buffer: ArrayBuffer;
     f32: Float32Array;
@@ -11,7 +10,6 @@ export interface FourierUniformScratch {
 export declare function createFourierComputeScratch(): FourierUniformScratch;
 /** Pack the compute uniforms in place. */
 export declare function packFourierComputeUniforms(scratch: FourierUniformScratch, headT: number, trailArc: number, harmonicN: number, epicycleArmN: number, sampleCount: number, phasorCount: number): FourierUniformScratch;
-export declare const FOURIER_RENDER_UNIFORM_BYTES: number;
 export declare function createFourierRenderScratch(): FourierUniformScratch;
 /** The model→clip fit transform (center + uniform scale) — computed once per spectrum. */
 export interface FourierFit {

package/dist/components/fourier-field/composables/useFourierField.d.ts

@@ -1,8 +1,8 @@
 import { type Ref } from "vue";
-import { type GpuBackend, type RendererStatus } from "../../../composables/glass/webgpu/useGpuSubstrate";
-import type { OklchStop } from "../../../composables/color";
-import type { FourierFieldConfig } from "../constants";
-import type { BasisComponent } from "../math";
+import { type GpuBackend, type RendererStatus } from "../../../composables/glass/webgpu/useGpuSubstrate.js";
+import type { OklchStop } from "../../../composables/color/index.js";
+import type { FourierFieldConfig } from "../constants.js";
+import type { BasisComponent } from "../math.js";
 export interface UseFourierFieldOptions {
     config: FourierFieldConfig;
     /** The active phasor spectrum (CPU-minted; re-read each frame so a source-swap reaches the buffer). */

package/dist/components/fourier-field/constants.d.ts

@@ -1,4 +1,4 @@
-import type { OklchStop } from "../../composables/color";
+import type { OklchStop } from "../../composables/color/index.js";
 /**
  * Curve-sampling resolution for the stable view-fit bbox pass — the renderer samples the
  * epicycle curve this many times once at mount to size it to the canvas with a fixed

package/dist/components/fourier-field/index.d.ts

@@ -1,10 +1,10 @@
-import type { ColorResolver, OklchStop } from "../../composables/color";
-import type { FourierFieldConfig } from "./constants";
-import type { BasisComponent } from "./math";
-export { default as FourierField } from "./FourierField.vue";
-export { comp, positionsAt, partialSumAt, dftFromPoints, makeEllipticSpectrum, makeHarmonicFigure, FOURIER_FIGURES, FOURIER_FIGURE_KEYS, type BasisComponent, type EllipticSpectrumOptions, type HarmonicTerm, } from "./math";
-export { DEFAULT_FOURIER_CONFIG, WARM_IDENTITY_PALETTE, MAX_PHASORS, MAX_CURVE_SAMPLES, type FourierFieldConfig, } from "./constants";
-export { useFourierField, type FourierFieldHandle, type UseFourierFieldOptions, } from "./composables/useFourierField";
+import type { ColorResolver, OklchStop } from "../../composables/color/index.js";
+import type { FourierFieldConfig } from "./constants.js";
+import type { BasisComponent } from "./math.js";
+export { default as FourierField } from "./FourierField.vue.js";
+export { comp, positionsAt, partialSumAt, dftFromPoints, makeEllipticSpectrum, makeHarmonicFigure, FOURIER_FIGURES, FOURIER_FIGURE_KEYS, type BasisComponent, type EllipticSpectrumOptions, type HarmonicTerm, } from "./math.js";
+export { DEFAULT_FOURIER_CONFIG, WARM_IDENTITY_PALETTE, MAX_PHASORS, MAX_CURVE_SAMPLES, type FourierFieldConfig, } from "./constants.js";
+export { useFourierField, type FourierFieldHandle, type UseFourierFieldOptions, } from "./composables/useFourierField.js";
 /**
  * The props a consumer forwards when wrapping `<FourierField>` (the GPU-substrate epicycle
  * field; ships via `/fourier-field`). Mirrors the component's inline `defineProps` shape because
@@ -26,6 +26,4 @@ export interface FourierFieldProps {
     seed?: string;
     /** Paint ONE static deterministic best-frame and never animate (the capture lever). Default false. */
     freeze?: boolean;
-    /** Outer loudness envelope (scales the per-layer alpha). Overrides `config.intensity` when set; clamped [0, 2]. */
-    intensity?: number;
 }

package/dist/components/handmark/HandMark.vue.d.ts

@@ -1,4 +1,4 @@
-import type { HandMarkProps } from "./types";
+import type { HandMarkProps } from "./types.js";
 declare function play(): void;
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -9,15 +9,15 @@ declare const __VLS_base: import("vue").DefineComponent<HandMarkProps, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<HandMarkProps> & Readonly<{}>, {
     color: string;
     seed: number;
-    shape: import("./types").HandShape;
-    animation: import("./types").HandAnimation;
-    jagged: boolean;
-    brush: import("./brush").BrushName | Partial<import("./brush").Brush>;
+    shape: import("./types.js").HandShape;
+    animation: import("./types.js").HandAnimation;
+    brush: import("./brush.js").BrushName | Partial<import("./brush.js").Brush>;
     drawMs: number;
     drawDelayMs: number;
     appear: "mount" | "visible" | "manual";
     boilFps: number;
     boilFrames: number;
+    jagged: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/handmark/composables/useHandMark.d.ts

@@ -18,7 +18,7 @@
  * (`useLineBoil.start()` early-returns under reduced motion).
  */
 import { type Ref } from "vue";
-import { type Brush, type BrushName } from "../brush";
+import { type Brush, type BrushName } from "../brush.js";
 /**
  * The boil clock surface the SFC binds — the `useLineBoil` return shape, declared
  * structurally over glass-ui's OWN `Ref` (pencil-boil ships a nested `@vue`, so its
@@ -30,9 +30,9 @@ export interface BoilClock {
     start: () => void;
     stop: () => void;
 }
-import { type ShapeGeom } from "../geometry";
-import { type SVGFragment } from "../ink";
-import type { HandAnimation, HandMarkProps, HandShape, MarkBox } from "../types";
+import { type ShapeGeom } from "../geometry.js";
+import { type SVGFragment } from "../ink.js";
+import type { HandAnimation, HandMarkProps, HandShape, MarkBox } from "../types.js";
 export interface UseHandMarkInput {
     brush: BrushName | Partial<Brush>;
     shape: HandShape;

package/dist/components/handmark/geometry.d.ts

@@ -22,10 +22,7 @@
  * inside its OWN perturb math). ONE seed leaf, the house identity.
  */
 import { type WobbleOptions } from "@mkbabb/pencil-boil";
-import { UNDERLINE_GAP, VB_H, VB_W } from "./constants";
-import type { HandShape, MarkBox } from "./types";
-export { naturalUnderlinePoints } from "./noise";
-export { VB_W, VB_H, UNDERLINE_GAP };
+import type { HandShape, MarkBox } from "./types.js";
 /** A shape maps to one or more centerlines (open polylines) or one closed ring. */
 export interface ShapeGeom {
     lines: [number, number][][];

package/dist/components/handmark/index.d.ts

@@ -14,11 +14,13 @@
  * `<HandMark shape="underline" animation="draw-on">`; the natural pencil-boil
  * morphology is the `boil` brush.
  */
-export { default as HandMark } from "./HandMark.vue";
-export { BRUSHES, resolveBrush, lerpBrush, type Brush, type BrushName, type BlendMode, type TaperSpec, type StampFn, type InkPath, } from "./brush";
-export { shapeGeom, serialize, boilLines, naturalUnderlinePoints, VB_W, VB_H, UNDERLINE_GAP, type ShapeGeom, } from "./geometry";
-export { ink, type SVGFragment } from "./ink";
-export { grainFilter, hasGrain } from "./texture";
-export { getStroke, getStrokePoints, getSvgPathFromStroke, type StrokeOptions, type InputPoint, } from "./freehand";
-export { useHandMark, normalizeProps, type UseHandMarkInput, type HandMarkCore, type BoilClock, } from "./composables/useHandMark";
-export type { HandMarkProps, HandShape, HandAnimation, MarkBox, } from "./types";
+export { default as HandMark } from "./HandMark.vue.js";
+export { BRUSHES, resolveBrush, lerpBrush, type Brush, type BrushName, type BlendMode, type TaperSpec, type StampFn, type InkPath, } from "./brush.js";
+export { shapeGeom, serialize, boilLines, type ShapeGeom } from "./geometry.js";
+export { naturalUnderlinePoints } from "./noise.js";
+export { VB_W, VB_H, UNDERLINE_GAP } from "./constants.js";
+export { ink, type SVGFragment } from "./ink.js";
+export { grainFilter, hasGrain } from "./texture.js";
+export { getStroke, getStrokePoints, getSvgPathFromStroke, type StrokeOptions, type InputPoint, } from "./freehand.js";
+export { useHandMark, normalizeProps, type UseHandMarkInput, type HandMarkCore, type BoilClock, } from "./composables/useHandMark.js";
+export type { HandMarkProps, HandShape, HandAnimation, MarkBox, } from "./types.js";

package/dist/components/handmark/ink.d.ts

@@ -1,4 +1,4 @@
-import type { Brush, InkPath } from "./brush";
+import type { Brush, InkPath } from "./brush.js";
 export interface SVGFragment {
     paths: InkPath[];
     filterId: string | null;

package/dist/components/handmark/texture.d.ts

@@ -27,12 +27,12 @@
  * Boil does NOT ship on this register (`ds-crayon-handmark §5.3`).
  *
  * `id` MUST be per-instance (the component's `useId()`) so two marks never collide
- * their <filter> namespaces — the glass-ui WatercolorDot idiom.
+ * their <filter> namespaces — the house per-instance SVG-namespace idiom.
  *
  * The grain sub-seed is derived (`seed ^ 0x85eb`) per SPEC §7, so one top seed
  * re-rolls the grain coherently with the centerline wobble.
  */
-import type { Brush } from "./brush";
+import type { Brush } from "./brush.js";
 /** @returns SVG <filter> markup, or '' when the brush is clean ink (pen). */
 export declare function grainFilter(id: string, b: Brush, seed: number): string;
 /** Does this brush emit a grain filter? (the pen-is-free predicate). */

package/dist/components/handmark/types.d.ts

@@ -5,7 +5,7 @@
  * ordered groups), not its code. Every prop has a per-brush default, so the
  * common call is one tag: <HandMark>who pays in</HandMark>.
  */
-import type { Brush, BrushName } from "./brush";
+import type { Brush, BrushName } from "./brush.js";
 /** A target rect in the 0..100 × 0..40 marking space (positioned mode). */
 export interface MarkBox {
     x: number;

package/dist/components/index.d.ts

@@ -1,32 +1,30 @@
-export * from "./accordion";
-export * from "./alert";
-export * from "./avatar";
-export * from "./badge";
-export * from "./button";
-export * from "./card";
-export * from "./carousel";
-export * from "./checkbox";
-export * from "./collapsible";
-export * from "./combobox";
-export * from "./command";
-export * from "./data-table";
-export * from "./dialog";
-export * from "./drawer";
-export * from "./dropdown-menu";
-export * from "./input";
-export * from "./label";
-export * from "./number-field";
-export * from "./popover";
-export * from "./progress";
-export * from "./radio-group";
-export * from "./select";
-export * from "./separator";
-export * from "./skeleton";
-export * from "./slider";
-export * from "./switch";
-export * from "./table";
-export * from "./tags-input";
-export * from "./textarea";
-export * from "./toast";
-export * from "./toggle-group";
-export * from "./tooltip";
+export * from "./accordion/index.js";
+export * from "./alert/index.js";
+export * from "./avatar/index.js";
+export * from "./badge/index.js";
+export * from "./button/index.js";
+export * from "./card/index.js";
+export * from "./carousel/index.js";
+export * from "./checkbox/index.js";
+export * from "./collapsible/index.js";
+export * from "./command/index.js";
+export * from "./data-table/index.js";
+export * from "./dialog/index.js";
+export * from "./menu/index.js";
+export * from "./input/index.js";
+export * from "./label/index.js";
+export * from "./number-field/index.js";
+export * from "./popover/index.js";
+export * from "./progress/index.js";
+export * from "./radio-group/index.js";
+export * from "./select/index.js";
+export * from "./separator/index.js";
+export * from "./sheet/index.js";
+export * from "./skeleton/index.js";
+export * from "./slider/index.js";
+export * from "./switch/index.js";
+export * from "./table/index.js";
+export * from "./textarea/index.js";
+export * from "./toast/index.js";
+export * from "./toggle-group/index.js";
+export * from "./tooltip/index.js";

package/dist/components/infinite-scroll/InfiniteScroll.vue.d.ts

@@ -6,13 +6,13 @@ type __VLS_Props = {
     /** Distance from bottom to trigger (px) */
     threshold?: number;
 };
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+declare var __VLS_1: {}, __VLS_9: {}, __VLS_16: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 } & {
-    loading?: (props: typeof __VLS_3) => any;
+    loading?: (props: typeof __VLS_9) => any;
 } & {
-    end?: (props: typeof __VLS_5) => any;
+    end?: (props: typeof __VLS_16) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     sentinelRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;

package/dist/components/infinite-scroll/composables/index.d.ts

@@ -1,2 +1,2 @@
-export { useInfiniteScroll } from "./useInfiniteScroll";
-export type { InfiniteScrollOptions, InfiniteScrollReturn } from "./types";
+export { useInfiniteScroll } from "./useInfiniteScroll.js";
+export type { InfiniteScrollOptions, InfiniteScrollReturn } from "./types.js";

package/dist/components/infinite-scroll/composables/useInfiniteScroll.d.ts

@@ -1,4 +1,4 @@
-import type { InfiniteScrollOptions, InfiniteScrollReturn } from "./types";
+import type { InfiniteScrollOptions, InfiniteScrollReturn } from "./types.js";
 /**
  * Composable for infinite scroll with IntersectionObserver.
  *

package/dist/components/infinite-scroll/index.d.ts

@@ -1,2 +1,2 @@
-export { default as InfiniteScroll } from "./InfiniteScroll.vue";
-export * from "./composables";
+export { default as InfiniteScroll } from "./InfiniteScroll.vue.js";
+export * from "./composables/index.js";

package/dist/components/input/Input.vue.d.ts

@@ -1,12 +1,17 @@
-import type { InputProps } from "./types";
-declare const __VLS_export: import("vue").DefineComponent<InputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+import type { InputProps } from "./types.js";
+type __VLS_Props = InputProps;
+type __VLS_ModelProps = {
+    modelValue?: string | number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | number) => any;
-}, string, import("vue").PublicProps, Readonly<InputProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {
-    size: import("../_shared").ControlSize;
+    size: import(".").ControlSize;
+    type: "date" | "datetime-local" | "email" | "month" | "password" | "search" | "tel" | "text" | "time" | "url" | "week";
     invalid: boolean;
-    type: "email" | "password" | "search" | "tel" | "text" | "url";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/input/index.d.ts

@@ -1,2 +1,3 @@
-export { default as Input } from "./Input.vue";
-export type { InputProps } from "./types";
+export { default as Input } from "./Input.vue.js";
+export type { InputNativeAttrs, InputProps } from "./types.js";
+export type { ControlSize } from "../_shared/control.js";

package/dist/components/input/types.d.ts

@@ -1,22 +1,62 @@
 import type { HTMLAttributes, InputHTMLAttributes } from "vue";
-import type { ControlSize } from "../_shared/control-size";
-export interface InputProps {
+import type { ControlSize } from "../_shared/control.js";
+/**
+ * The native form/constraint surface — TYPED for the caller, and NOT a runtime
+ * prop. The `/* @vue-ignore *\/` on the extends clause below is the whole
+ * mechanism: `vue-tsc` sees these, `defineProps` does not, so every one of them
+ * rides `$attrs` to the element and the component never re-binds a single one.
+ *
+ * What died with it: a 15-line `nativeProps` computed that re-declared these as
+ * props and then hand-copied them back onto the element — an over-declaration
+ * `inheritAttrs: false` forced into existence, and a list that had to be extended
+ * by hand every time the platform was found to have an attribute nobody had
+ * transcribed yet.
+ *
+ * The whole `InputHTMLAttributes` is deliberately NOT the base: its 225 members
+ * blow the props union past `tsc`'s complexity bound (TS2590, measured) and drag
+ * in `hidden`/`width`/`height` overloads that collide with `ComponentCustomProps`.
+ * A text field's real native surface is this.
+ */
+export interface InputNativeAttrs {
     autocomplete?: string;
-    class?: HTMLAttributes["class"];
-    defaultValue?: string | number;
-    disabled?: boolean;
     enterkeyhint?: InputHTMLAttributes["enterkeyhint"];
     form?: string;
     inputmode?: InputHTMLAttributes["inputmode"];
-    invalid?: boolean;
+    list?: string;
+    max?: InputHTMLAttributes["max"];
     maxlength?: InputHTMLAttributes["maxlength"];
+    min?: InputHTMLAttributes["min"];
     minlength?: InputHTMLAttributes["minlength"];
-    modelValue?: string | number;
     name?: string;
     pattern?: string;
     placeholder?: string;
-    readonly?: boolean;
     required?: boolean;
+    step?: InputHTMLAttributes["step"];
+}
+export interface InputProps extends /* @vue-ignore */ InputNativeAttrs {
+    class?: HTMLAttributes["class"];
+    /** Feeds the one state machine (`data-state`), so it is a prop, not an attr. */
+    disabled?: boolean;
+    /** App-driven validity. Native constraint validation and a bare
+     *  `aria-invalid` reach the same one grammar without it. */
+    invalid?: boolean;
+    modelValue?: string | number;
+    /** Feeds the one state machine (`data-state`), so it is a prop, not an attr. */
+    readonly?: boolean;
     size?: ControlSize;
-    type?: "email" | "password" | "search" | "tel" | "text" | "url";
+    /**
+     * TEXT-SHAPED natives only, and the fence is the design.
+     *
+     * `number` is Reka's NumberField (locale parse/format + a spinbutton);
+     * `range` is Slider's geometry; `file` and `color` are non-text chrome this
+     * register would paint absurdly; `hidden` never paints at all. The five
+     * temporal values ARE text-shaped — they carry a caret, a placeholder and a
+     * text baseline — and were a genuine typed hole, so they are in.
+     *
+     * Every other native input attribute (`autocomplete`, `form`, `maxlength`,
+     * `minlength`, `name`, `pattern`, `placeholder`, `required`, `inputmode`,
+     * `enterkeyhint`, …) is UNDECLARED on purpose: it rides `$attrs` to the
+     * element, which is what the platform already does correctly.
+     */
+    type?: "date" | "datetime-local" | "email" | "month" | "password" | "search" | "tel" | "text" | "time" | "url" | "week";
 }

package/dist/components/label/index.d.ts

@@ -1 +1 @@
-export { default as Label, type LabelProps, type LabelRequirement, } from "./Label.vue";
+export { default as Label, type LabelProps, type LabelRequirement, } from "./Label.vue.js";

package/dist/components/labeled-field/LabeledField.vue.d.ts

@@ -1,14 +1,14 @@
-import type { LabeledFieldProps, LabeledFieldSlotProps } from "./types";
+import type { LabeledFieldProps, LabeledFieldSlotProps } from "./types.js";
 type __VLS_Slots = {
     default(props: LabeledFieldSlotProps): unknown;
     error?(): unknown;
 };
 declare const __VLS_base: import("vue").DefineComponent<LabeledFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LabeledFieldProps> & Readonly<{}>, {
-    invalid: boolean;
     disabled: boolean;
-    layout: import("./types").LabeledFieldLayout;
+    layout: import("./types.js").LabeledFieldLayout;
+    invalid: boolean;
     controlLabelable: boolean;
-    errorLive: import("./types").LabeledFieldErrorLive;
+    errorLive: import("./types.js").LabeledFieldErrorLive;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/labeled-field/LabeledInput.vue.d.ts

@@ -1,4 +1,4 @@
-import type { LabeledInputProps } from "./types";
+import type { LabeledInputProps } from "./types.js";
 declare var __VLS_17: {};
 type __VLS_Slots = {} & {
     error?: (props: typeof __VLS_17) => any;

package/dist/components/labeled-field/LabeledSlider.vue.d.ts

@@ -1,4 +1,4 @@
-import type { LabeledSliderProps } from "./types";
+import type { LabeledSliderProps } from "./types.js";
 declare var __VLS_17: {};
 type __VLS_Slots = {} & {
     error?: (props: typeof __VLS_17) => any;

package/dist/components/labeled-field/LabeledSwitch.vue.d.ts

@@ -1,4 +1,4 @@
-import type { LabeledSwitchProps } from "./types";
+import type { LabeledSwitchProps } from "./types.js";
 declare var __VLS_17: {};
 type __VLS_Slots = {} & {
     error?: (props: typeof __VLS_17) => any;