@mkbabb/glass-ui 6.0.0 → 8.0.0

package/dist/components/card/styles.css

@@ -1 +1 @@
-@layer components { [data-slot="card"]:where([data-surface="glass"], [data-surface="cartoon"]) { --glass-tint-strength: 8%; --glass-border-rung: color-mix(in srgb, var(--foreground) 9%, transparent); } [data-slot="card"][data-surface="glass"]:not(.paper-grid) { background-blend-mode: var(--card-field-floor-blend, screen, normal); } @media (prefers-contrast: more) { [data-slot="card"][data-surface="glass"]:not(.paper-grid) { background-blend-mode: normal; } } [data-slot="card"][data-surface="glass"]:not(.paper-grid) { background-image: var( --card-field-floor-image, radial-gradient( 60% 55% at 80% 16%, oklch(0.96 0.04 78 / 0.5), oklch(0.96 0.04 78 / 0) 72% ), radial-gradient( 120% 110% at 78% 22%, oklch(0.9 0.075 72 / 0.5), oklch(0.9 0.075 72 / 0) 70% ) ); } :where([data-paper-field]) [data-slot="card"][data-surface="glass"]:not(.paper-grid) { background-image: none; } .paper-texture { background-image: var(--paper-grain-tooth); background-repeat: repeat; background-size: var(--paper-grain-tile); background-blend-mode: multiply; } :where(.dark) .paper-texture { background-blend-mode: screen; } .paper-grid { background-image: var(--paper-grid-texture); background-repeat: repeat; background-size: calc(var(--paper-grid-texture-size) * 4) calc(var(--paper-grid-texture-size) * 4), calc(var(--paper-grid-texture-size) * 4) calc(var(--paper-grid-texture-size) * 4), var(--paper-grid-texture-size) var(--paper-grid-texture-size), var(--paper-grid-texture-size) var(--paper-grid-texture-size); background-blend-mode: multiply; } :where(.dark) .paper-grid, .dark .paper-grid { background-blend-mode: screen; } } @media (prefers-reduced-transparency: reduce) { .paper-grid { background-image: none; } } @media (prefers-reduced-motion: reduce) { .paper-grid { animation: none !important; } } [data-variant="selection"] { --selection-accent-strength: 16%; --selection-accent-strength-selected: 28%; --glass-accent-strength: var(--selection-accent-strength); } [data-variant="selection"][data-selected="true"] { --glass-accent-strength: var(--selection-accent-strength-selected); --glass-bg-resting: var(--glass-bg-floating, var(--glass-bg-resting)); } @utility cartoon-surface { border-width: 2px; box-shadow: var(--shadow-cartoon-md); translate: 0; position: relative; --motion-weight: 1; --cartoon-press-t: var(--card-press-t, 0); transition: translate var(--duration-normal) var(--ease-cartoon-punch), scale var(--duration-normal) var(--ease-cartoon-punch), box-shadow var(--duration-normal) var(--ease-standard); &:hover:not(:active):not(:disabled) { translate: var(--lift-sm) var(--lift-sm); scale: 1.015 0.985; box-shadow: var(--shadow-cartoon-lg); & .cartoon-cast { box-shadow: var(--shadow-cartoon-lg); } } &:active:not(:disabled):not([data-press-armed]) { scale: 1.04 0.94; } } .cartoon-cast { position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none; box-shadow: var(--shadow-cartoon-md); --cast-travel: calc(6px * var(--motion-weight) * var(--cartoon-press-t)); --cast-spread: calc(1 + 0.18 * var(--motion-weight) * var(--cartoon-press-t)); translate: calc(-1 * var(--cast-travel) + var(--cartoon-cast-dx)) calc(var(--cast-travel) + var(--cartoon-cast-dy)); scale: var(--cast-spread); transition: translate calc(var(--duration-normal) * 1.15) var(--ease-cartoon-punch), scale calc(var(--duration-normal) * 1.15) var(--ease-cartoon-punch), --cartoon-cast-dx var(--duration-normal) var(--ease-cartoon-punch), --cartoon-cast-dy var(--duration-normal) var(--ease-cartoon-punch); will-change: translate, scale; } .btn-punch .cartoon-cast { box-shadow: var(--shadow-lg); } @media (prefers-reduced-motion: reduce) { .cartoon-surface, .cartoon-cast { --motion-weight: 0; transition: none; } } @utility veil-surface { --veil-bg: color-mix( in oklab, var(--glass-bg-quiet), var(--glass-tint-source) var(--glass-tint-strength) ); --veil-blur: var(--glass-blur-quiet); --veil-border: none; --veil-shadow: none; --veil-feather: none; background: var(--veil-bg); -webkit-backdrop-filter: var(--veil-blur); backdrop-filter: var(--veil-blur); border: var(--veil-border); box-shadow: var(--veil-shadow); mask-image: var(--veil-feather); }
+@property --card-fill{syntax: "<color>";inherits: false;initial-value: transparent;}@layer components{.card{--card-pad: var(--space-body);--card-gap: var(--space-atom);--card-group-gap: var(--space-body);border-radius: var(--radius-card);color: var(--card-foreground);}.card[data-size="sm"]{--card-pad: var(--space-atom);--card-gap: var(--space-residue);--card-group-gap: var(--space-atom);}.card{--glass-border-rung: oklch(from var(--foreground) l c h / var(--ink-seam));}.card[data-shadow]{--glass-border-rung: oklch(from var(--foreground) l c h / var(--ink-edge));}.card{--card-cast-rung: var(--glass-shadow-resting);--card-cast: var(--glass-material-rim),var(--glass-under-shadow-default),var(--card-cast-rung),var(--shadow-card);transition: box-shadow var(--engage-control-engage-release) var(--ease-standard),border-color var(--engage-control-engage-release) var(--ease-standard);}.card.glass-resting[data-shadow]{box-shadow: var(--card-cast);}.card:has(:focus-visible){--card-cast-rung: var(--glass-shadow-floating);--glass-border-rung: oklch(from var(--foreground) l c h / var(--ink-edge));}.card[role="option"]{cursor: pointer;scale: 1;background-image: linear-gradient(var(--card-fill),var(--card-fill));transition: --card-fill var(--engage-control-engage-release) var(--ease-standard),box-shadow var(--engage-control-engage-release) var(--ease-standard),border-color var(--engage-control-engage-release) var(--ease-standard),scale var(--spring-press-duration) var(--transition-liquid-spatial);}.card[role="option"]:focus-visible{outline: 2px solid oklch(from var(--foreground) l c h / var(--ink-perimeter));outline-offset: 2px;}.card.glass-resting[role="option"][data-shadow]:focus-visible{box-shadow: var(--card-cast),0 0 8px oklch(from var(--foreground) l c h / 0.15);}.card[role="option"][data-selected="true"]{--card-fill: oklch(from var(--foreground) l c h / var(--fill-selected));}@media (hover: hover){.card[role="option"]:hover{--card-fill: oklch(from var(--foreground) l c h / var(--fill-hover));transition: --card-fill var(--engage-control-engage-attack) var(--ease-standard),box-shadow var(--engage-control-engage-attack) var(--ease-standard),border-color var(--engage-control-engage-attack) var(--ease-standard),scale var(--spring-press-duration) var(--transition-liquid-spatial);}.card[role="option"][data-selected="true"]:hover{--card-fill: oklch( from var(--foreground) l c h / calc(var(--fill-hover) + var(--fill-selected)) );}}.card[role="option"]:active{scale: var(--scale-press-sm);}.card-header{display: grid;grid-template-columns: minmax(0,1fr);gap: var(--card-gap);padding: var(--card-pad) var(--card-pad) 0;}.card-title{min-width: 0;font-size: calc(var(--type-body) * 1.272);font-weight: var(--font-weight-semibold);line-height: var(--type-leading-body);letter-spacing: var(--tracking-tight);overflow-wrap: anywhere;}.card-description{min-width: 0;color: var(--muted-foreground-strong);font-size: calc(var(--type-body) / 1.127838);line-height: var(--type-leading-body);overflow-wrap: anywhere;}.card-content{padding: var(--card-group-gap) var(--card-pad) var(--card-pad);}.card-content:has(+ .card-footer){padding-bottom: 0;}.card-footer{display: flex;flex-wrap: wrap;align-items: center;gap: var(--card-gap);padding: var(--card-group-gap) var(--card-pad) var(--card-pad);}}@utility cartoon-surface{position: relative;border-width: 2px;box-shadow: var(--shadow-cartoon-md);}

package/dist/components/carousel/Carousel.vue.d.ts

@@ -1,38 +1,33 @@
-import type { CarouselProps, WithClassAsProps } from './interface';
+import type { CarouselProps, WithClassAsProps } from "./types.js";
 type __VLS_Props = CarouselProps & WithClassAsProps;
 type __VLS_ModelProps = {
-    'active'?: number;
+    /** v-model:active — the active 0-based member. */
+    "active"?: number;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare var __VLS_1: {
-    canScrollNext: boolean;
-    canScrollPrev: boolean;
-    carouselApi: import("embla-carousel").EmblaCarouselType | undefined;
-    carouselRef: HTMLElement | undefined;
-    orientation: "vertical" | "horizontal" | undefined;
-    scrollNext: () => void;
-    scrollPrev: () => void;
+    deck: import("../deck/index.js").DeckCore;
+    index: number;
+    canNext: boolean;
+    canPrev: boolean;
+    orientation: import("../deck/index.js").DeckAxis;
 };
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
-    canScrollNext: import("vue").Ref<boolean, boolean>;
-    canScrollPrev: import("vue").Ref<boolean, boolean>;
-    carouselApi: import("vue").Ref<import("embla-carousel").EmblaCarouselType | undefined, import("embla-carousel").EmblaCarouselType | undefined>;
-    carouselRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
-    orientation: "vertical" | "horizontal" | undefined;
-    scrollNext: () => void;
-    scrollPrev: () => void;
+    deck: import("../deck/index.js").DeckCore;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:active": (value: number) => any;
 } & {
-    "init-api": (payload: import("embla-carousel").EmblaCarouselType | undefined) => any;
+    change: (to: number, from: number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onInit-api"?: ((payload: import("embla-carousel").EmblaCarouselType | undefined) => any) | undefined;
+    onChange?: ((to: number, from: number) => any) | undefined;
     "onUpdate:active"?: ((value: number) => any) | undefined;
 }>, {
-    orientation: "horizontal" | "vertical";
+    orientation: import("../deck/index.js").DeckAxis;
+    pattern: "group" | "tabs";
+    projection: import("./types.js").CarouselProjection;
 }, {}, {}, {}, 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/carousel/CarouselContent.vue.d.ts

@@ -1,19 +1,9 @@
-import type { WithClassAsProps } from "./interface";
-type __VLS_Props = {
-    /**
-     * Opt-in compositor-only arrival: each slide scales 0.965→1 + fades off its
-     * distance from the viewport centre as it scrolls (transform + opacity ONLY,
-     * clipped inside the viewport — no filter, no layout property). Default off.
-     */
-    arrival?: boolean;
-} & WithClassAsProps;
+import type { WithClassAsProps } from "./types.js";
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    arrival: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<WithClassAsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<WithClassAsProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/carousel/CarouselItem.vue.d.ts

@@ -1,9 +1,20 @@
-import type { WithClassAsProps } from './interface';
-declare var __VLS_1: {};
+import type { WithClassAsProps } from "./types.js";
+type __VLS_Props = {
+    /** This member's 0-based index. Required for the state + linkage. */
+    index: number;
+    /** This member's accessible name. */
+    label?: string;
+    /** The panel id when the rail runs the `"tabs"` register. */
+    id?: string;
+} & WithClassAsProps;
+declare var __VLS_1: {
+    index: number;
+    active: boolean;
+};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<WithClassAsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<WithClassAsProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/carousel/CarouselPager.vue.d.ts

@@ -1,6 +1,6 @@
-import type { WithClassAsProps } from "./interface";
+import type { WithClassAsProps } from "./types.js";
 type __VLS_Props = {
-    /** Show "X / N" counter between chevrons. Defaults to true. */
+    /** Show the "X / N" counter between the chevrons. Default true. */
     showCounter?: boolean;
 } & WithClassAsProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {

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

@@ -1,8 +1,7 @@
-export { default as Carousel } from './Carousel.vue';
-export { default as CarouselContent } from './CarouselContent.vue';
-export { default as CarouselItem } from './CarouselItem.vue';
-export { default as CarouselNext } from './CarouselNext.vue';
-export { default as CarouselPager } from './CarouselPager.vue';
-export { default as CarouselPrevious } from './CarouselPrevious.vue';
-export type { UnwrapRefCarouselApi as CarouselApi, } from './interface';
-export { useCarousel } from './useCarousel';
+export { default as Carousel } from "./Carousel.vue.js";
+export { default as CarouselContent } from "./CarouselContent.vue.js";
+export { default as CarouselItem } from "./CarouselItem.vue.js";
+export { default as CarouselPager } from "./CarouselPager.vue.js";
+export { useCarousel, useProvideCarousel } from "./useCarousel.js";
+export { memberDistance, memberScale, memberLag, MEMBER_SCALE_DROP, MEMBER_LAG_TAU_S, MEMBER_LAG_CEIL, } from "./projection.js";
+export type { CarouselContext, CarouselEmits, CarouselProjection, CarouselProps, } from "./types.js";

package/dist/components/carousel/projection.d.ts

@@ -0,0 +1,23 @@
+/** The scale a member loses at one member's distance from centre. */
+export declare const MEMBER_SCALE_DROP = 0.035;
+/** The interior content lag's time constant, in seconds. */
+export declare const MEMBER_LAG_TAU_S = 0.06;
+/** The interior content lag's ceiling, as a fraction of the member's extent. */
+export declare const MEMBER_LAG_CEIL = 0.08;
+/**
+ * A member's distance from the viewport centre, in [0, 1] — 0 at centre, 1 at one
+ * member away or further.
+ *
+ * @param index    the member's index
+ * @param position the continuous position, in members (2.4 = 40% past member 2)
+ */
+export declare function memberDistance(index: number, position: number): number;
+/** The travel-clock channel: scale from distance. */
+export declare function memberScale(distance: number): number;
+/**
+ * The interior content lag, as a fraction of the member's extent. The content
+ * trails the housing by the distance the housing covers in `tau` seconds, bounded
+ * — the same `lag = clamp(v·τ, ±ceil)` law the worm's trail edge runs, which is
+ * why that law lives in one place and this calls it.
+ */
+export declare function memberLag(velocity: number, tau?: number, ceil?: number): number;

package/dist/components/carousel/styles.css

@@ -0,0 +1 @@
+@layer components{.carousel-strip{--carousel-gutter: var(--space-family);position: relative;display: flex;gap: var(--carousel-gutter);overflow: auto;overscroll-behavior-x: contain;scroll-snap-type: x mandatory;scrollbar-width: none;}.carousel-strip::-webkit-scrollbar{display: none;}.carousel-strip[data-orientation="vertical"]{flex-direction: column;overscroll-behavior-x: auto;overscroll-behavior-y: contain;scroll-snap-type: y mandatory;}.carousel-item{flex: 0 0 100%;min-inline-size: 0;scroll-snap-align: start;scroll-snap-stop: always;scale: var(--member-scale,1);transform-origin: center;opacity: 1;transition: opacity var(--spring-dock-duration) var(--spring-dock);}.carousel-strip[data-projection="travel"] .carousel-item[data-state="prev"],.carousel-strip[data-projection="travel"] .carousel-item[data-state="next"]{opacity: 0.7;}.carousel-item-content{translate: calc(var(--member-lag,0) * 100%) 0;}.carousel-strip[data-orientation="vertical"] .carousel-item-content{translate: 0 calc(var(--member-lag,0) * 100%);}@media (prefers-reduced-motion: reduce){.carousel-item{scale: 1;opacity: 1;transition: none;}.carousel-item-content{translate: none;}.carousel-strip{scroll-behavior: auto;}}}

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

@@ -0,0 +1,47 @@
+import type { HTMLAttributes } from "vue";
+import type { DeckAxis, DeckCore } from "../deck/index.js";
+/** How members project as the strip travels. */
+export type CarouselProjection = "none"
+/** Every member scales/fades off its distance from the viewport centre. */
+ | "travel"
+/** ONLY the active member projects — the neighbours do not move. */
+ | "window";
+export interface CarouselProps {
+    /** Accessible name that opts the carousel into a named region landmark. */
+    ariaLabel?: string;
+    /** The travel axis. Default horizontal. */
+    orientation?: DeckAxis;
+    /** The member projection. Default `"none"`. */
+    projection?: CarouselProjection;
+    /**
+     * The ARIA register. `"group"` (default) is the honest one for a strip of
+     * content: `role="group"` + `aria-current`. `"tabs"` is only correct when the
+     * consumer owns real panels and passes `panelIds`.
+     */
+    pattern?: "group" | "tabs";
+    /** Index-aligned panel element ids — the tablist↔tabpanel linkage. */
+    panelIds?: string[];
+}
+export interface CarouselEmits {
+    /** The active member changed (the index, and the one it came from). */
+    (e: "change", to: number, from: number): void;
+}
+/** What `useCarousel()` hands a descendant. The core IS the API. */
+export interface CarouselContext {
+    /** The sequence core — index authority, clamp, states, announcement. */
+    deck: DeckCore;
+    /** The scroll container the travel arm drives. */
+    viewport: {
+        value: HTMLElement | null;
+    };
+    /** Report the live member count (the content half owns the DOM). */
+    setCount: (n: number) => void;
+    /** The resolved props the register reads. */
+    orientation: DeckAxis;
+    projection: CarouselProjection;
+    pattern: "group" | "tabs";
+    panelIds?: string[];
+}
+export interface WithClassAsProps {
+    class?: HTMLAttributes["class"];
+}

package/dist/components/carousel/useCarousel.d.ts

@@ -1,21 +1,4 @@
-import type { CarouselEmits, CarouselProps } from './interface';
-declare const CAROUSEL_WEIGHTY_DURATION = 30;
-declare const useProvideCarousel: (args_0: CarouselProps, emits: CarouselEmits) => {
-    carouselRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
-    carouselApi: import("vue").Ref<import("embla-carousel").EmblaCarouselType | undefined, import("embla-carousel").EmblaCarouselType | undefined>;
-    canScrollPrev: import("vue").Ref<boolean, boolean>;
-    canScrollNext: import("vue").Ref<boolean, boolean>;
-    scrollPrev: () => void;
-    scrollNext: () => void;
-    orientation: "vertical" | "horizontal" | undefined;
-};
-declare function useCarousel(): {
-    carouselRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
-    carouselApi: import("vue").Ref<import("embla-carousel").EmblaCarouselType | undefined, import("embla-carousel").EmblaCarouselType | undefined>;
-    canScrollPrev: import("vue").Ref<boolean, boolean>;
-    canScrollNext: import("vue").Ref<boolean, boolean>;
-    scrollPrev: () => void;
-    scrollNext: () => void;
-    orientation: "vertical" | "horizontal" | undefined;
-};
-export { useCarousel, useProvideCarousel, CAROUSEL_WEIGHTY_DURATION };
+import { type Ref } from "vue";
+import type { CarouselContext, CarouselEmits, CarouselProps } from "./types.js";
+export declare function useProvideCarousel(props: CarouselProps, emits: CarouselEmits, active: Ref<number>): CarouselContext;
+export declare function useCarousel(): CarouselContext;

package/dist/components/checkbox/Checkbox.vue.d.ts

@@ -1,16 +1,24 @@
-import { type HTMLAttributes } from 'vue';
-import type { CheckboxRootProps } from 'reka-ui';
-type __VLS_Props = CheckboxRootProps & {
-    class?: HTMLAttributes['class'];
+import { type HTMLAttributes } from "vue";
+import { type ControlProps } from "../_shared/control.js";
+import type { FormFieldProps, PrimitiveProps } from "../_shared/primitive.js";
+import type { CheckedState, SelectionValue } from "../_shared/selection.js";
+export interface CheckboxProps extends PrimitiveProps, FormFieldProps, ControlProps {
+    modelValue?: CheckedState;
+    defaultValue?: CheckedState;
+    value?: SelectionValue;
+    id?: string;
+    class?: HTMLAttributes["class"];
+}
+declare var __VLS_14: {
+    state: import("reka-ui").CheckboxCheckedState;
 };
-declare var __VLS_14: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_14) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean | "indeterminate") => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean | "indeterminate") => any) | undefined;
+declare const __VLS_base: import("vue").DefineComponent<CheckboxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: CheckedState) => any;
+}, string, import("vue").PublicProps, Readonly<CheckboxProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: CheckedState) => any) | undefined;
 }>, {}, {}, {}, {}, 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/checkbox/index.d.ts

@@ -1 +1 @@
-export { default as Checkbox } from './Checkbox.vue';
+export { default as Checkbox, type CheckboxProps } from "./Checkbox.vue.js";

package/dist/components/chip/Chip.vue.d.ts

@@ -1,14 +1,19 @@
-import { type ToggleProps } from "reka-ui";
-import type { ChipProps } from "./types";
-type __VLS_Props = ToggleProps & ChipProps;
-declare var __VLS_8: {};
+declare var __VLS_10: {}, __VLS_12: {}, __VLS_14: {}, __VLS_16: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_10) => any;
+} & {
+    default?: (props: typeof __VLS_12) => any;
+} & {
+    default?: (props: typeof __VLS_14) => any;
+} & {
+    default?: (props: typeof __VLS_16) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<import("./types.js").StaticChipProps | import("./types.js").SelectableChipProps | import("./types.js").ActionChipProps | import("./types.js").RemovableChipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    remove: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<import("./types.js").StaticChipProps | import("./types.js").SelectableChipProps | import("./types.js").ActionChipProps | import("./types.js").RemovableChipProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onRemove?: ((event: MouseEvent) => any) | undefined;
 }>, {}, {}, {}, {}, 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/chip/accent-tone.css

@@ -0,0 +1 @@
+@layer components{.accent-tone{--accent-band-strength: 18%;--accent-edge-strength: 55%;--accent-band: color-mix( in oklab,var(--surface,var(--card)),var(--tone,var(--primary)) var(--accent-band-strength) );--accent-edge: color-mix( in oklab,transparent,var(--tone,var(--primary)) var(--accent-edge-strength) );--accent-ink: var(--accent-ink-resolved,var(--foreground));}}

package/dist/components/chip/chipVariants.d.ts

@@ -1,43 +1,20 @@
-import { type VariantProps } from "class-variance-authority";
-/**
- * chipVariants — the ONE congruent chip recipe (BI.W-CHIP-FOLD; BD.W-CHIP-CONGRUENT-GLASS).
- *
- * The chip family (the retired ToggleChip + SelectableChip + the toggle-group
- * children) is FOLDED onto ONE `<Chip shape × tone>`: a stadium-pill warm-glass
- * LENS that PUNCHES when you pick it. The Kronecker factorization (BI.W-CHIP-FOLD)
- * observed that ToggleChip's `variant` (`chip`/`cell`) was a pure NAME-SYNONYM of
- * SelectableChip's `shape` (`pill`/`cell`) over the SAME CVA — so the two surfaces
- * merge compile-time onto this ONE recipe (clean break, no alias — the no-legacy
- * law; the `selectableChipVariants`/`SelectableChipVariants` shim was SWEPT at
- * BG.W-DEAD-SWEEP). The tonal-accent register (`tone`) is a per-instance style
- * layered ON this recipe by `Chip.vue`, not a CVA axis.
- *
- * The recipe is STRUCTURE + the shared-register hooks: it COMPOSES the read-only
- * shared registers, never re-forks a parallel glass/cartoon/motion system —
- *   · `.glass-chip`         — the chip-family material/motion layer (the warm idle
- *                             floor + the `--glass-fill-tint` plate tint + the ONE
- *                             scale write + the `::after` colour-flood punch).
- *   · `.glass-capsule`      — the warm-transmissive lozenge BODY (fill + rim +
- *                             shadow + blur, on `--radius-pill` → the stadium
- *                             end-cap at every rung). Radius is INVARIANT — the
- *                             capsule re-rounds itself at every height; no
- *                             `rounded-*` rung (retires the 4/6/10px grab-bag).
- *   · `.glass-capsule-hover`— the SHARED specular-lift + press-snap on hover.
- *   · `.accent-tone`        — the contrast-floored tonal channels (idle fill /
- *                             active band / active edge / contrast-safe ink).
- *
- * The geometry: radius invariant (the capsule's `--radius-pill`); only padding/
- * text vary, on a √φ ladder (φ≈1.618). The `cell` is the ONE documented exception
- * (`.glass-chip--cell` → `--radius-card`): a 72px icon+label tile is a CARD, not a
- * pill — a DELIBERATE 2-silhouette family, composing the SAME material + motion.
- *
- * NO scale CVA — the ONE `scale` write lives on `.glass-chip` (hover/press/punch
- * folded into a single source of truth; a CVA `hover:scale-*` would collide).
- * The CVA carries no `color-mix(…--primary…)` literal — the tonal COLOUR is the
- * `.accent-tone` register's (driven by the `tone` prop's per-instance style).
- */
-export declare const chipVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-    shape?: "cell" | "pill" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export type ChipVariants = VariantProps<typeof chipVariants>;
+import { type ClassValue } from "../_shared/class-names.js";
+declare const SIZE: {
+    readonly sm: "gap-1 px-2.5 py-1 text-caption";
+    readonly md: "gap-1.5 px-3.5 py-1.5 text-small";
+    readonly lg: "gap-2 px-5 py-2 text-base";
+};
+declare const SHAPE: {
+    readonly pill: "";
+    readonly cell: "glass-chip--cell flex-col gap-1.5 px-2 py-2.5 text-micro";
+    readonly icon: "glass-chip--icon aspect-square p-0";
+};
+export interface ChipVariants {
+    interactive?: boolean | null;
+    size?: keyof typeof SIZE | null;
+    shape?: keyof typeof SHAPE | null;
+    class?: ClassValue;
+    className?: ClassValue;
+}
+export declare function chipVariants(options?: ChipVariants): string;
+export {};

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

@@ -1,3 +1,3 @@
-export { default as Chip } from "./Chip.vue";
-export { chipVariants, type ChipVariants } from "./chipVariants";
-export type { ChipProps } from "./types";
+export { default as Chip } from "./Chip.vue.js";
+export { chipVariants, type ChipVariants } from "./chipVariants.js";
+export type { ChipMode, ChipProps } from "./types.js";

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

@@ -1,38 +1,53 @@
 import type { HTMLAttributes } from "vue";
-import type { Surface } from "../_shared/useSurfaceAxis";
-import type { ChipVariants } from "./chipVariants";
-/**
- * ChipProps — the public prop contract of the folded `<Chip>` (BI.W-CHIP-FOLD).
- * The chip-specific surface; the reka `Toggle` contract (`modelValue` /
- * `defaultValue` / `pressed` / `disabled` …) composes ON TOP via `v-model` and is
- * documented by the reka `Toggle` primitive. `<Chip>` unifies the retired
- * ToggleChip (`shape`, the plain warm-floor toggle) + SelectableChip (`tone`, the
- * contrast-floored tonal-accent register) onto ONE surface.
- */
-export interface ChipProps {
-    /**
-     * The silhouette shape — `pill` (default, the stadium capsule; the retired
-     * ToggleChip `variant="chip"`) | `cell` (the square icon+label tile; the
-     * retired `variant="cell"`). A SILHOUETTE word, not a scale rung.
-     */
+import type { Surface } from "../_shared/axes.js";
+import type { ChipVariants } from "./chipVariants.js";
+export type ChipMode = "static" | "selectable" | "action" | "removable";
+interface ChipVisualProps {
+    /** Geometry only; never changes semantics. */
     shape?: ChipVariants["shape"];
-    /** The structural size rung — `sm` | `md` (default) | `lg`. */
     size?: ChipVariants["size"];
-    /**
-     * The accent COLOUR identity — a complete `<color>` (e.g.
-     * `var(--section-color-7)` or a concrete `oklch(…)`). OPT-IN: unset ⇒ the plain
-     * warm-floor glass toggle (the ToggleChip register). Set ⇒ the tonal-accent
-     * register — the per-instance plate hue + the contrast-safe INK label (the
-     * SelectableChip register). The SEMANTIC choice is a prop; the strength
-     * MAGNITUDES are tokens (no over-prop).
-     */
     tone?: string;
-    /**
-     * The shared {glass·veil·opaque} surface-decoration axis (BA.W-SURFACE-AXIS).
-     * OPT-IN: unset ⇒ the capsule's own glass material (byte-identical default).
-     * Set ⇒ binds `:data-surface`, and the shared `surface-axis.css` seam applies
-     * the veil/opaque decoration UNIFORMLY.
-     */
     surface?: Surface;
     class?: HTMLAttributes["class"];
 }
+export interface StaticChipProps extends ChipVisualProps {
+    /** Noninteractive content is the default. */
+    mode?: "static";
+    modelValue?: never;
+    defaultValue?: never;
+    disabled?: never;
+    name?: never;
+    required?: never;
+    removeLabel?: never;
+}
+export interface SelectableChipProps extends ChipVisualProps {
+    mode: "selectable";
+    modelValue?: boolean | null;
+    defaultValue?: boolean;
+    disabled?: boolean;
+    name?: never;
+    required?: never;
+    removeLabel?: never;
+}
+export interface ActionChipProps extends ChipVisualProps {
+    mode: "action";
+    disabled?: boolean;
+    modelValue?: never;
+    defaultValue?: never;
+    name?: never;
+    required?: never;
+    removeLabel?: never;
+}
+export interface RemovableChipProps extends ChipVisualProps {
+    mode: "removable";
+    disabled?: boolean;
+    /** Accessible name for the sole remove button in removable mode. */
+    removeLabel: string;
+    modelValue?: never;
+    defaultValue?: never;
+    name?: never;
+    required?: never;
+}
+/** Mode-discriminated semantics; visual axes are shared, behavior is not. */
+export type ChipProps = StaticChipProps | SelectableChipProps | ActionChipProps | RemovableChipProps;
+export {};

package/dist/components/collapsible/Collapsible.vue.d.ts

@@ -1,15 +1,28 @@
-import type { CollapsibleRootProps } from 'reka-ui';
-declare var __VLS_8: {
-    open: boolean;
+import { type HTMLAttributes } from "vue";
+export interface CollapsibleProps {
+    /** Controlled disclosure state. */
+    open?: boolean;
+    /** Initial state for an uncontrolled disclosure. */
+    defaultOpen?: boolean;
+    disabled?: boolean;
+    class?: HTMLAttributes["class"];
+}
+export interface CollapsibleEmits {
+    "update:open": [value: boolean];
+}
+type __VLS_Slots = {
+    default?: (props: {
+        open: boolean;
+    }) => unknown;
 };
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<CollapsibleRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<CollapsibleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<CollapsibleRootProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<CollapsibleProps> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    disabled: boolean;
+    defaultOpen: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/collapsible/CollapsibleContent.vue.d.ts

@@ -1,9 +1,15 @@
-import { type CollapsibleContentProps } from 'reka-ui';
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+import { type HTMLAttributes } from "vue";
+export interface CollapsibleContentProps {
+    /** Keep the region mounted while closed, for measurement or external animation. */
+    forceMount?: boolean;
+    class?: HTMLAttributes["class"];
+}
+type __VLS_Slots = {
+    default?: () => unknown;
 };
-declare const __VLS_base: import("vue").DefineComponent<CollapsibleContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CollapsibleContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<CollapsibleContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CollapsibleContentProps> & Readonly<{}>, {
+    forceMount: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/collapsible/CollapsibleTrigger.vue.d.ts

@@ -1,13 +1,16 @@
-import { type HTMLAttributes } from 'vue';
-import { type CollapsibleTriggerProps } from 'reka-ui';
-type __VLS_Props = CollapsibleTriggerProps & {
-    class?: HTMLAttributes['class'];
+import { type HTMLAttributes } from "vue";
+import type { PrimitiveProps } from "../_shared/primitive.js";
+export interface CollapsibleTriggerProps {
+    /** Merge disclosure behavior into one interactive child. */
+    asChild?: PrimitiveProps["asChild"];
+    class?: HTMLAttributes["class"];
+}
+type __VLS_Slots = {
+    default?: () => unknown;
 };
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<CollapsibleTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CollapsibleTriggerProps> & Readonly<{}>, {
+    asChild: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,3 @@
-export { default as Collapsible } from './Collapsible.vue';
-export { default as CollapsibleTrigger } from './CollapsibleTrigger.vue';
-export { default as CollapsibleContent } from './CollapsibleContent.vue';
+export { default as Collapsible, type CollapsibleEmits, type CollapsibleProps, } from "./Collapsible.vue.js";
+export { default as CollapsibleTrigger, type CollapsibleTriggerProps, } from "./CollapsibleTrigger.vue.js";
+export { default as CollapsibleContent, type CollapsibleContentProps, } from "./CollapsibleContent.vue.js";