@sentropic/design-system-vue 0.9.0 → 0.11.0

package/dist/Popper.d.ts

@@ -0,0 +1,170 @@
+import { type PropType } from "vue";
+export type PopperStrategy = "absolute" | "fixed";
+export type PopperPlacement = "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end";
+export type PopperSide = "top" | "bottom" | "left" | "right";
+export type PopperAlign = "start" | "center" | "end";
+export type PopperProps = {
+    /** Reference element the panel is positioned against. */
+    anchor: HTMLElement | null;
+    /** Controlled open state. When false (or no anchor) nothing renders. */
+    open?: boolean;
+    /** Wanted placement of the panel relative to the anchor. */
+    placement?: PopperPlacement;
+    /** Main-axis distance (px) between the anchor and the panel. */
+    offset?: number;
+    /** Flip to the opposite side when the panel would overflow the viewport. */
+    flip?: boolean;
+    /** Shift along the cross axis to keep the panel within the viewport. */
+    shift?: boolean;
+    /** Expose a positioned arrow element. */
+    arrow?: boolean;
+    /** CSS positioning strategy. */
+    strategy?: PopperStrategy;
+    /** Render the panel into `document.body` via a Teleport. */
+    portal?: boolean;
+    /** Optional class applied to the floating panel. */
+    class?: string;
+};
+/** Split a placement into its side and (optional) alignment. */
+export declare function splitPlacement(placement: PopperPlacement): {
+    side: PopperSide;
+    align: PopperAlign;
+};
+/** Recompose a side + alignment into a placement string. */
+export declare function joinPlacement(side: PopperSide, align: PopperAlign): PopperPlacement;
+export type Rect = {
+    top: number;
+    left: number;
+    right: number;
+    bottom: number;
+    width: number;
+    height: number;
+};
+/**
+ * Pure geometry: compute the panel coordinates (in the chosen strategy's
+ * coordinate space) given the anchor rect, the panel size, and options.
+ * Returns the resolved placement (after flip) and the top/left coordinates,
+ * plus the arrow offset along the main edge.
+ *
+ * Coordinates are viewport-relative; callers add scroll offsets for the
+ * `absolute` strategy. No DOM access here — safe to unit test.
+ */
+export declare function computePosition(anchorRect: Rect, panelWidth: number, panelHeight: number, options: {
+    placement: PopperPlacement;
+    offset: number;
+    flip: boolean;
+    shift: boolean;
+    viewportWidth: number;
+    viewportHeight: number;
+}): {
+    placement: PopperPlacement;
+    top: number;
+    left: number;
+};
+/**
+ * Float a panel next to an anchor element. Positioning is recomputed on open,
+ * scroll, and resize via `computePosition` (pure geometry shared across
+ * frameworks). Renders nothing unless `open` and an `anchor` are provided.
+ * SSR-safe: all DOM access happens inside `onMounted` / watchers.
+ */
+export declare const Popper: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    anchor: {
+        type: PropType<HTMLElement | null>;
+        default: null;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placement: {
+        type: PropType<PopperPlacement>;
+        default: string;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    flip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    shift: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    arrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    strategy: {
+        type: PropType<PopperStrategy>;
+        default: string;
+    };
+    portal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    placementChange: (_placement: PopperPlacement) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    anchor: {
+        type: PropType<HTMLElement | null>;
+        default: null;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placement: {
+        type: PropType<PopperPlacement>;
+        default: string;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    flip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    shift: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    arrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    strategy: {
+        type: PropType<PopperStrategy>;
+        default: string;
+    };
+    portal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onPlacementChange?: ((_placement: PopperPlacement) => any) | undefined;
+}>, {
+    open: boolean;
+    class: string;
+    shift: boolean;
+    offset: number;
+    flip: boolean;
+    anchor: HTMLElement | null;
+    placement: PopperPlacement;
+    arrow: boolean;
+    strategy: PopperStrategy;
+    portal: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Popper.d.ts.map

package/dist/Popper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../src/Popper.ts"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,QAAQ,EACd,MAAM,KAAK,CAAC;AAGb,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,OAAO,CAAC;AAElD,MAAM,MAAM,eAAe,GACvB,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,aAAa,GACb,WAAW,CAAC;AAEhB,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAC7D,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG;IACxB,yDAAyD;IACzD,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,wEAAwE;IACxE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,4DAA4D;IAC5D,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,gEAAgE;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wEAAwE;IACxE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,4DAA4D;IAC5D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,gEAAgE;AAChE,wBAAgB,cAAc,CAAC,SAAS,EAAE,eAAe,GAAG;IAC1D,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,WAAW,CAAC;CACpB,CAGA;AAED,4DAA4D;AAC5D,wBAAgB,aAAa,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,GAAG,eAAe,CAEnF;AASD,MAAM,MAAM,IAAI,GAAG;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAC7B,UAAU,EAAE,IAAI,EAChB,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE;IACP,SAAS,EAAE,eAAe,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;CACxB,GACA;IAAE,SAAS,EAAE,eAAe,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAwD3D;AAED;;;;;GAKG;AACH,eAAO,MAAM,MAAM;;cAIG,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC;;;;;;;;cAIjB,QAAQ,CAAC,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;cAK1B,QAAQ,CAAC,cAAc,CAAC;;;;;;;;;;;;;;kCAKtB,eAAe;;;cAd3B,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC;;;;;;;;cAIjB,QAAQ,CAAC,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;cAK1B,QAAQ,CAAC,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;4EAqItD,CAAC"}

package/dist/Popper.js

@@ -0,0 +1,216 @@
+import { defineComponent, h, onBeforeUnmount, onMounted, ref, watch, Teleport, } from "vue";
+import { classNames } from "./classNames.js";
+/** Split a placement into its side and (optional) alignment. */
+export function splitPlacement(placement) {
+    const [side, align] = placement.split("-");
+    return { side, align: align ?? "center" };
+}
+/** Recompose a side + alignment into a placement string. */
+export function joinPlacement(side, align) {
+    return (align === "center" ? side : `${side}-${align}`);
+}
+const OPPOSITE = {
+    top: "bottom",
+    bottom: "top",
+    left: "right",
+    right: "left",
+};
+/**
+ * Pure geometry: compute the panel coordinates (in the chosen strategy's
+ * coordinate space) given the anchor rect, the panel size, and options.
+ * Returns the resolved placement (after flip) and the top/left coordinates,
+ * plus the arrow offset along the main edge.
+ *
+ * Coordinates are viewport-relative; callers add scroll offsets for the
+ * `absolute` strategy. No DOM access here — safe to unit test.
+ */
+export function computePosition(anchorRect, panelWidth, panelHeight, options) {
+    const { offset, flip, shift, viewportWidth, viewportHeight } = options;
+    let { side, align } = splitPlacement(options.placement);
+    const place = (s, a) => {
+        let top = 0;
+        let left = 0;
+        if (s === "top" || s === "bottom") {
+            top = s === "top" ? anchorRect.top - panelHeight - offset : anchorRect.bottom + offset;
+            if (a === "start")
+                left = anchorRect.left;
+            else if (a === "end")
+                left = anchorRect.right - panelWidth;
+            else
+                left = anchorRect.left + anchorRect.width / 2 - panelWidth / 2;
+        }
+        else {
+            left = s === "left" ? anchorRect.left - panelWidth - offset : anchorRect.right + offset;
+            if (a === "start")
+                top = anchorRect.top;
+            else if (a === "end")
+                top = anchorRect.bottom - panelHeight;
+            else
+                top = anchorRect.top + anchorRect.height / 2 - panelHeight / 2;
+        }
+        return { top, left };
+    };
+    // Flip: if the panel overflows on the chosen side, try the opposite side.
+    if (flip) {
+        const candidate = place(side, align);
+        const overflows = (side === "top" && candidate.top < 0) ||
+            (side === "bottom" && candidate.top + panelHeight > viewportHeight) ||
+            (side === "left" && candidate.left < 0) ||
+            (side === "right" && candidate.left + panelWidth > viewportWidth);
+        if (overflows) {
+            const flipped = OPPOSITE[side];
+            const flippedPos = place(flipped, align);
+            const flippedOverflows = (flipped === "top" && flippedPos.top < 0) ||
+                (flipped === "bottom" && flippedPos.top + panelHeight > viewportHeight) ||
+                (flipped === "left" && flippedPos.left < 0) ||
+                (flipped === "right" && flippedPos.left + panelWidth > viewportWidth);
+            // Only flip if the opposite side fits better.
+            if (!flippedOverflows)
+                side = flipped;
+        }
+    }
+    let { top, left } = place(side, align);
+    // Shift: clamp along the cross axis so the panel stays in the viewport.
+    if (shift) {
+        if (side === "top" || side === "bottom") {
+            const max = Math.max(0, viewportWidth - panelWidth);
+            left = Math.min(Math.max(0, left), max);
+        }
+        else {
+            const max = Math.max(0, viewportHeight - panelHeight);
+            top = Math.min(Math.max(0, top), max);
+        }
+    }
+    return { placement: joinPlacement(side, align), top, left };
+}
+/**
+ * Float a panel next to an anchor element. Positioning is recomputed on open,
+ * scroll, and resize via `computePosition` (pure geometry shared across
+ * frameworks). Renders nothing unless `open` and an `anchor` are provided.
+ * SSR-safe: all DOM access happens inside `onMounted` / watchers.
+ */
+export const Popper = defineComponent({
+    name: "Popper",
+    props: {
+        anchor: {
+            type: Object,
+            default: null,
+        },
+        open: { type: Boolean, default: false },
+        placement: { type: String, default: "bottom" },
+        offset: { type: Number, default: 8 },
+        flip: { type: Boolean, default: true },
+        shift: { type: Boolean, default: true },
+        arrow: { type: Boolean, default: false },
+        strategy: { type: String, default: "absolute" },
+        portal: { type: Boolean, default: true },
+        class: { type: String, default: undefined },
+    },
+    emits: {
+        placementChange: (_placement) => true,
+    },
+    setup(props, { emit, slots }) {
+        const panel = ref(null);
+        const top = ref(0);
+        const left = ref(0);
+        // Placement actually applied (may differ from the requested `placement`
+        // after a flip). Defaults to the requested placement.
+        const resolvedPlacement = ref(props.placement);
+        function reposition() {
+            if (typeof window === "undefined")
+                return;
+            if (!props.open || !props.anchor || !panel.value)
+                return;
+            const anchorRect = props.anchor.getBoundingClientRect();
+            const panelRect = panel.value.getBoundingClientRect();
+            const result = computePosition({
+                top: anchorRect.top,
+                left: anchorRect.left,
+                right: anchorRect.right,
+                bottom: anchorRect.bottom,
+                width: anchorRect.width,
+                height: anchorRect.height,
+            }, panelRect.width, panelRect.height, {
+                placement: props.placement,
+                offset: props.offset,
+                flip: props.flip,
+                shift: props.shift,
+                viewportWidth: window.innerWidth,
+                viewportHeight: window.innerHeight,
+            });
+            // `absolute` is positioned relative to the document, so add scroll
+            // offsets. `fixed` is viewport-relative, so coordinates are used as-is.
+            if (props.strategy === "absolute") {
+                top.value = result.top + window.scrollY;
+                left.value = result.left + window.scrollX;
+            }
+            else {
+                top.value = result.top;
+                left.value = result.left;
+            }
+            if (result.placement !== resolvedPlacement.value) {
+                resolvedPlacement.value = result.placement;
+                emit("placementChange", result.placement);
+            }
+        }
+        const onScroll = () => reposition();
+        const onResize = () => reposition();
+        let listening = false;
+        function start() {
+            if (typeof window === "undefined")
+                return;
+            if (!props.open || !props.anchor)
+                return;
+            // Reset to the requested placement before recomputing so a re-open
+            // re-evaluates flips from scratch.
+            resolvedPlacement.value = props.placement;
+            reposition();
+            if (!listening) {
+                window.addEventListener("scroll", onScroll, true);
+                window.addEventListener("resize", onResize);
+                listening = true;
+            }
+        }
+        function stop() {
+            if (typeof window === "undefined")
+                return;
+            if (listening) {
+                window.removeEventListener("scroll", onScroll, true);
+                window.removeEventListener("resize", onResize);
+                listening = false;
+            }
+        }
+        onMounted(start);
+        watch(() => [props.open, props.anchor], () => {
+            stop();
+            start();
+        });
+        watch(() => [props.placement, props.offset, props.flip, props.shift, props.strategy], () => reposition());
+        onBeforeUnmount(stop);
+        return () => {
+            if (!props.open || !props.anchor)
+                return null;
+            const side = splitPlacement(resolvedPlacement.value).side;
+            const floating = h("div", {
+                ref: panel,
+                class: classNames("st-popper", props.class),
+                "data-popper-placement": resolvedPlacement.value,
+                style: `position: ${props.strategy}; top: ${top.value}px; left: ${left.value}px;`,
+            }, [
+                slots.default?.(),
+                props.arrow
+                    ? h("span", {
+                        class: "st-popper__arrow",
+                        "data-popper-side": side,
+                        "aria-hidden": "true",
+                    })
+                    : null,
+            ]);
+            if (props.portal) {
+                return h(Teleport, { to: "body" }, floating);
+            }
+            return floating;
+        };
+    },
+});
+//# sourceMappingURL=Popper.js.map

package/dist/Popper.js.map

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

package/dist/Portal.d.ts

@@ -0,0 +1,51 @@
+export type PortalProps = {
+    /**
+     * Where to teleport the children. A CSS selector string or an actual
+     * `HTMLElement`. Defaults to the document `<body>`.
+     */
+    target?: string | HTMLElement;
+    /** When `true`, render inline in place (no teleportation). */
+    disabled?: boolean;
+    /** Optional class applied to the portal container element. */
+    class?: string;
+};
+/**
+ * Teleport `children` into another part of the DOM via Vue's native
+ * `<Teleport>`. A `target` string is passed straight through as a CSS selector;
+ * an `HTMLElement` is accepted as well. When `disabled` is set the children
+ * render inline in place. Teleport is SSR-aware, so no manual DOM access here.
+ */
+export declare const Portal: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    target: {
+        type: () => string | HTMLElement;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    target: {
+        type: () => string | HTMLElement;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    disabled: boolean;
+    target: string | HTMLElement;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Portal.d.ts.map

package/dist/Portal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../src/Portal.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAC9B,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,MAAM;;cAIwB,MAAM,MAAM,GAAG,WAAW;;;;;;;;;;;;;;;cAA1B,MAAM,MAAM,GAAG,WAAW;;;;;;;;;;;;;;;4EAqBnE,CAAC"}

package/dist/Portal.js

@@ -0,0 +1,26 @@
+import { defineComponent, h, Teleport } from "vue";
+import { classNames } from "./classNames.js";
+/**
+ * Teleport `children` into another part of the DOM via Vue's native
+ * `<Teleport>`. A `target` string is passed straight through as a CSS selector;
+ * an `HTMLElement` is accepted as well. When `disabled` is set the children
+ * render inline in place. Teleport is SSR-aware, so no manual DOM access here.
+ */
+export const Portal = defineComponent({
+    name: "Portal",
+    props: {
+        target: {
+            type: [String, Object],
+            default: "body",
+        },
+        disabled: { type: Boolean, default: false },
+        class: { type: String, default: undefined },
+    },
+    setup(props, { slots }) {
+        return () => h(Teleport, { to: props.target, disabled: props.disabled }, h("div", {
+            class: classNames("st-portal", props.class),
+            "data-st-portal": props.disabled ? "inline" : "teleported",
+        }, slots.default?.()));
+    },
+});
+//# sourceMappingURL=Portal.js.map

package/dist/Portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../src/Portal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAc7C;;;;;GAKG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,eAAe,CAAC;IACpC,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE;QACL,MAAM,EAAE;YACN,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA0C;YAC/D,OAAO,EAAE,MAAM;SAChB;QACD,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC3C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACpB,OAAO,GAAG,EAAE,CACV,CAAC,CACC,QAAQ,EACR,EAAE,EAAE,EAAE,KAAK,CAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,EAC9C,CAAC,CACC,KAAK,EACL;YACE,KAAK,EAAE,UAAU,CAAC,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC;YAC3C,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY;SAC3D,EACD,KAAK,CAAC,OAAO,EAAE,EAAE,CAClB,CACF,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}

package/dist/SelectableList.d.ts

@@ -0,0 +1,98 @@
+import { type PropType } from "vue";
+export type SelectableListProps = {
+    /** Accessible name for the listbox (required for SR users). */
+    label?: string;
+    /** References the id of an external visible label (alternative to `label`). */
+    labelledby?: string;
+    /**
+     * Allow more than one selected row. Adds aria-multiselectable and toggles
+     * each row independently. Defaults to false (single-select).
+     */
+    multiple?: boolean;
+    /**
+     * Selected value(s). Controlled when provided. For single-select pass a
+     * string (or null); for multiple pass a string[]. When omitted the list is
+     * uncontrolled and keeps its own internal selection.
+     */
+    value?: string | string[] | null;
+    /**
+     * Fired with the new selection on every change. Receives a string|null for
+     * single-select and a string[] for multiple. Required for the controlled
+     * pattern; also fires for uncontrolled lists.
+     */
+    onChange?: (value: string | string[] | null) => void;
+    class?: string;
+};
+/**
+ * Accessible listbox that owns selection + a roving tabindex for its
+ * {@link SelectableRow} children. Arrow / Home / End move focus (roving),
+ * Space / Enter / click toggle the focused row. Single-select by default;
+ * `multiple` toggles rows independently. Controlled via `value`/`onChange`,
+ * otherwise it keeps its own internal selection. Pilots each child row through
+ * provide/inject (role="option" + the computed tabindex / aria-selected).
+ */
+export declare const SelectableList: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    labelledby: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: PropType<string | string[] | null>;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<(value: string | string[] | null) => void>;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (_value: string | string[] | null) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    labelledby: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: PropType<string | string[] | null>;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<(value: string | string[] | null) => void>;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onChange?: ((_value: string | string[] | null) => any) | undefined;
+}>, {
+    multiple: boolean;
+    class: string;
+    onChange: (value: string | string[] | null) => void;
+    label: string;
+    value: string | string[] | null;
+    labelledby: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=SelectableList.d.ts.map

package/dist/SelectableList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectableList.d.ts","sourceRoot":"","sources":["../src/SelectableList.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,QAAQ,EACd,MAAM,KAAK,CAAC;AAOb,MAAM,MAAM,mBAAmB,GAAG;IAChC,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+EAA+E;IAC/E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IACjC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAkBF;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;cASI,QAAQ,CAAC,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;;;;cAIzC,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;;;;;;;;;;qBAMtD,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI;;;;;;;;;;;;;;;cAVd,QAAQ,CAAC,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;;;;cAIzC,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;;;;;;;;;;;;sBAAlC,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,KAAK,IAAI;;;;4EA+IxE,CAAC"}