@openreachtech/furo-vue 1.3.1

package/types/generated/components/molecules/FuroScrollArea/FuroScrollArea.vue.d.ts

@@ -0,0 +1,124 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    parcel: import("./FuroScrollAreaContext.js").FuroScrollAreaParcel | null;
+}, {
+    context: FuroScrollAreaContext;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    parcel: import("./FuroScrollAreaContext.js").FuroScrollAreaParcel | null;
+}> & Readonly<{}>, {
+    parcel: import("./FuroScrollAreaContext.js").FuroScrollAreaParcel;
+}, {}, {
+    ScrollAreaRoot: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("reka-ui").ScrollAreaRootProps> & Readonly<{}>, {
+            viewport: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            scrollTop: () => void;
+            scrollTopLeft: () => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("reka-ui").ScrollAreaRootProps> & Readonly<{}>, {
+            viewport: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            scrollTop: () => void;
+            scrollTopLeft: () => void;
+        }, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("reka-ui").ScrollAreaRootProps> & Readonly<{}>, {
+        viewport: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        scrollTop: () => void;
+        scrollTopLeft: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    });
+    ScrollAreaViewport: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("reka-ui").ScrollAreaViewportProps> & Readonly<{}>, {
+            viewportElement: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("reka-ui").ScrollAreaViewportProps> & Readonly<{}>, {
+            viewportElement: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        }, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("reka-ui").ScrollAreaViewportProps> & Readonly<{}>, {
+        viewportElement: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    });
+    ScrollAreaScrollbar: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("reka-ui").ScrollAreaScrollbarProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("reka-ui").ScrollAreaScrollbarProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("reka-ui").ScrollAreaScrollbarProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {}) => any;
+        } & {
+            default?: (props: {}) => any;
+        } & {
+            default?: (props: {}) => any;
+        } & {
+            default?: (props: {}) => any;
+        } & {
+            default?: (props: {}) => any;
+        };
+    });
+    ScrollAreaThumb: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("reka-ui").ScrollAreaThumbProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("reka-ui").ScrollAreaThumbProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("reka-ui").ScrollAreaThumbProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    });
+    ScrollAreaCorner: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("reka-ui").ScrollAreaCornerProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("reka-ui").ScrollAreaCornerProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("reka-ui").ScrollAreaCornerProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    });
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+import FuroScrollAreaContext from './FuroScrollAreaContext.js';

package/types/generated/components/molecules/FuroScrollArea/FuroScrollAreaContext.d.ts

@@ -0,0 +1,86 @@
+/**
+ * Context class for FuroScrollArea molecule.
+ *
+ * Presentational scroll container that wraps overflowing content with a styled,
+ * cross-browser scrollbar. It carries no value and emits nothing — orientation
+ * and scrollbar visibility are read from `parcel`.
+ *
+ * @extends {BaseFuroContext<null, Props, null>}
+ */
+export default class FuroScrollAreaContext extends BaseFuroContext<null, Props, null> {
+    constructor({ props, componentContext, reactiveHash, refHash, shallowRefHash, modelRefHash, }: import("../../../contexts/BaseFuroContext.js").BaseFuroContextParams<Props, null, {}, {}, {}, {}>);
+    /**
+     * get: scroll axis the container exposes.
+     *
+     * @returns {FuroScrollAreaOrientation} Orientation; defaults to vertical.
+     */
+    get orientation(): FuroScrollAreaOrientation;
+    /**
+     * get: when the scrollbars become visible.
+     *
+     * Value-oriented public key mapped to the primitive's visibility prop in
+     * `buildOptionalRootAttributes()`. `null` lets the primitive apply its own
+     * default (visible on hover).
+     *
+     * @returns {FuroScrollAreaScrollbarVisibility | null} Visibility, or null.
+     */
+    get scrollbarVisibility(): FuroScrollAreaScrollbarVisibility | null;
+    /**
+     * Whether the vertical scrollbar is rendered.
+     *
+     * @returns {boolean} true for `vertical` and `both` orientations.
+     */
+    showsVerticalScrollbar(): boolean;
+    /**
+     * Whether the horizontal scrollbar is rendered.
+     *
+     * @returns {boolean} true for `horizontal` and `both` orientations.
+     */
+    showsHorizontalScrollbar(): boolean;
+    /**
+     * Whether the corner (where both scrollbars meet) is rendered.
+     *
+     * @returns {boolean} true only for the `both` orientation.
+     */
+    showsCorner(): boolean;
+    /**
+     * Extract CSS class map for the root.
+     *
+     * @returns {Record<string, boolean>}
+     */
+    extractRootClassNames(): Record<string, boolean>;
+    /**
+     * Extract attributes forwarded to the underlying primitive root.
+     *
+     * @returns {Record<string, unknown>}
+     */
+    extractRootAttributes(): Record<string, unknown>;
+    /**
+     * Build optional root attributes whose values are absent unless set.
+     *
+     * @returns {Record<string, unknown>}
+     */
+    buildOptionalRootAttributes(): Record<string, unknown>;
+}
+export type FuroScrollAreaOrientation = "vertical" | "horizontal" | "both";
+/**
+ * When the scrollbars become visible. Does not affect whether the content
+ * scrolls — configured axes are always scrollable; this only controls the
+ * bar's visibility.
+ *
+ * - `hover`: visible while the pointer is over the scroll area (primitive default).
+ * - `scroll`: visible while scrolling, then hidden after `scrollHideDelay`.
+ * - `glimpse`: briefly revealed on pointer enter, then hidden.
+ * - `auto`: visible whenever the axis overflows (native-like), hidden otherwise.
+ * - `always`: always visible.
+ */
+export type FuroScrollAreaScrollbarVisibility = "hover" | "scroll" | "glimpse" | "auto" | "always";
+export type Props = {
+    parcel: FuroScrollAreaParcel | null;
+};
+export type FuroScrollAreaParcel = {
+    orientation?: FuroScrollAreaOrientation;
+    scrollbarVisibility?: FuroScrollAreaScrollbarVisibility;
+    scrollHideDelay?: number;
+};
+import BaseFuroContext from '../../../contexts/BaseFuroContext.js';