prismify-ui 0.1.0-alpha.1

package/dist/components/navigation/PfContentToc/index.vue.d.ts

@@ -0,0 +1,165 @@
+import { Component, PropType } from 'vue';
+import { PfIconName } from '../../element/PfIcon/paths';
+export type PfContentTocColor = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
+export type PfContentTocHighlightVariant = 'straight' | 'circuit';
+export interface PfContentTocLink {
+    id?: string;
+    text?: string;
+    to?: string;
+    href?: string;
+    children?: PfContentTocLink[];
+    [key: string]: unknown;
+}
+export type PfContentTocUi = Partial<{
+    root: string;
+    container: string;
+    top: string;
+    bottom: string;
+    trigger: string;
+    title: string;
+    trailing: string;
+    trailingIcon: string;
+    content: string;
+    list: string;
+    listWithChildren: string;
+    item: string;
+    itemWithChildren: string;
+    link: string;
+    linkText: string;
+    indicator: string;
+    indicatorLine: string;
+    indicatorActive: string;
+}>;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        leading(): unknown;
+        default(): unknown;
+        trailing(): unknown;
+        content(): unknown;
+        link(props: {
+            link: PfContentTocLink;
+            active: boolean;
+            level: number;
+        }): unknown;
+        top(): unknown;
+        bottom(): unknown;
+    }> & {
+        leading(): unknown;
+        default(): unknown;
+        trailing(): unknown;
+        content(): unknown;
+        link(props: {
+            link: PfContentTocLink;
+            active: boolean;
+            level: number;
+        }): unknown;
+        top(): unknown;
+        bottom(): unknown;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    as: PropType<string | Component | undefined>;
+    trailingIcon: {
+        type: PropType<PfIconName>;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: PropType<PfContentTocColor>;
+        default: string;
+    };
+    highlight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    highlightColor: {
+        type: PropType<PfContentTocColor | undefined>;
+        default: undefined;
+    };
+    highlightVariant: {
+        type: PropType<PfContentTocHighlightVariant>;
+        default: string;
+    };
+    links: {
+        type: PropType<readonly PfContentTocLink[]>;
+        default: () => readonly PfContentTocLink[];
+    };
+    ui: PropType<PfContentTocUi | undefined>;
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    open: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+    move: (id: string) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    as: PropType<string | Component | undefined>;
+    trailingIcon: {
+        type: PropType<PfIconName>;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: PropType<PfContentTocColor>;
+        default: string;
+    };
+    highlight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    highlightColor: {
+        type: PropType<PfContentTocColor | undefined>;
+        default: undefined;
+    };
+    highlightVariant: {
+        type: PropType<PfContentTocHighlightVariant>;
+        default: string;
+    };
+    links: {
+        type: PropType<readonly PfContentTocLink[]>;
+        default: () => readonly PfContentTocLink[];
+    };
+    ui: PropType<PfContentTocUi | undefined>;
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    open: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onMove?: ((id: string) => any) | undefined;
+}>, {
+    title: string;
+    color: PfContentTocColor;
+    trailingIcon: "add" | "addressBook" | "alarmClock" | "alignCenter" | "alignJustify" | "alignRight" | "ambulance" | "angleDoubleLeft" | "angleDoubleRight" | "angleDoubleSmallLeft" | "angleDoubleSmallRight" | "angleDown" | "angleLeft" | "angleRight" | "angleSmallDown" | "angleSmallLeft" | "angleSmallRight" | "angleSmallUp" | "angleUp" | "apple" | "apps" | "apps2" | "appsAdd" | "appsDelete" | "appsSort" | "archive" | "arrowDown" | "arrowFromBottom" | "arrowLeft" | "arrowRight" | "arrowSmallDown" | "arrowSmallLeft" | "arrowSmallRight" | "arrowSmallUp" | "arrowUp" | "arrowUpRight" | "asterik" | "at" | "backpack" | "badge" | "balloons" | "ban" | "bandAid" | "bank" | "barberShop" | "baseball" | "basketball" | "bed" | "beer" | "bell" | "bellRing" | "bellSchool" | "bike" | "billiard" | "bold" | "book" | "bookAlt" | "bookmark" | "bowling" | "box" | "boxAlt" | "breadSlice" | "briefcase" | "broom" | "browser" | "brush" | "bug" | "building" | "bulb" | "butterfly" | "cakeBirthday" | "cakeWedding" | "calculator" | "calendar" | "callHistory" | "callIncoming" | "callMissed" | "callOutgoing" | "camera" | "camping" | "car" | "caretDown" | "caretLeft" | "caretRight" | "caretUp" | "carrot" | "catalog" | "chartConnected" | "chartHistogram" | "chartNetwork" | "chartPie" | "chartPieAlt" | "chartPyramid" | "chartSetTheory" | "chartTree" | "chatArrowDown" | "chatArrowGrow" | "check" | "checkbox" | "cheese" | "chessPiece" | "childHead" | "circle" | "circleSmall" | "clip" | "clock" | "cloud" | "cloudCheck" | "cloudDisabled" | "cloudDownload" | "clouds" | "cloudShare" | "cloudUpload" | "cocktail" | "coffee" | "comment" | "commentAlt" | "commentCheck" | "commentHeart" | "commentInfo" | "comments" | "commentUser" | "compress" | "compressAlt" | "computer" | "confetti" | "cookie" | "copy" | "copyAlt" | "copyright" | "cow" | "cream" | "creditCard" | "croissant" | "cross" | "crossCircle" | "crossSmall" | "crown" | "cube" | "cupcake" | "cursor" | "cursorFinger" | "cursorPlus" | "cursorText" | "cursorTextAlt" | "dart" | "dashboard" | "database" | "dataTransfer" | "delete" | "diamond" | "dice" | "diploma" | "discoBall" | "disk" | "doctor" | "document" | "documentSigned" | "dollar" | "download" | "drinkAlt" | "drumstick" | "duplicate" | "earnings" | "edit" | "editAlt" | "eLearning" | "envelope" | "envelopeBan" | "envelopeDownload" | "envelopeMarker" | "envelopeOpen" | "envelopePlus" | "euro" | "exclamation" | "expand" | "eye" | "eyeCrossed" | "eyeDropper" | "feather" | "ferrisWheel" | "file" | "fileAdd" | "fileAi" | "fileCheck" | "fileDelete" | "fileEps" | "fileGif" | "fileMusic" | "filePsd" | "fill" | "film" | "filter" | "fingerprint" | "fish" | "flag" | "flame" | "flipHorizontal" | "flower" | "flowerBouquet" | "flowerTulip" | "folder" | "folderAdd" | "following" | "football" | "form" | "forward" | "fox" | "frown" | "ftp" | "gallery" | "gamepad" | "gasPump" | "gem" | "gift" | "github" | "glassCheers" | "glasses" | "globe" | "globeAlt" | "golf" | "graduationCap" | "graphicTablet" | "grid" | "gridAlt" | "guitar" | "gym" | "hamburger" | "handHoldingHeart" | "hastag" | "hatBirthday" | "headphones" | "headset" | "headSideThinking" | "heart" | "heartArrow" | "home" | "homeLocation" | "homeLocationAlt" | "hourglass" | "hourglassEnd" | "iceCream" | "iceSkate" | "idBadge" | "inbox" | "incognito" | "indent" | "infinity" | "info" | "interactive" | "interlining" | "interrogation" | "italic" | "jpg" | "key" | "keyboard" | "kite" | "label" | "laptop" | "lasso" | "laugh" | "layers" | "layoutFluid" | "leaf" | "letterCase" | "lifeRing" | "lineWidth" | "link" | "lipstick" | "list" | "listCheck" | "locationAlt" | "lock" | "lockAlt" | "luggageRolling" | "magicWand" | "makeupBrush" | "manHead" | "map" | "mapMarker" | "mapMarkerCross" | "mapMarkerHome" | "mapMarkerMinus" | "mapMarkerPlus" | "marker" | "markerTime" | "mars" | "marsDouble" | "maskCarnival" | "medicine" | "megaphone" | "meh" | "menuBurger" | "menuDots" | "menuDotsVertical" | "microphone" | "microphoneAlt" | "minus" | "minusSmall" | "mobile" | "modeLandscape" | "modePortrait" | "money" | "moon" | "mountains" | "mouse" | "mugAlt" | "music" | "musicAlt" | "navigation" | "network" | "networkCloud" | "notebook" | "opacity" | "package" | "paintBrush" | "palette" | "paperPlane" | "password" | "pause" | "paw" | "pencil" | "pharmacy" | "phoneCall" | "phoneCross" | "phonePause" | "phoneSlash" | "physics" | "picture" | "pingPong" | "pizzaSlice" | "plane" | "play" | "playAlt" | "playingCards" | "plus" | "plusSmall" | "pokerChip" | "portrait" | "pound" | "power" | "presentation" | "print" | "protractor" | "pulse" | "pyramid" | "quoteRight" | "rainbow" | "raindrops" | "rec" | "receipt" | "recordVinyl" | "rectabgleVertical" | "rectangleHorizontal" | "rectanglePanoramic" | "recycle" | "redo" | "redoAlt" | "reflect" | "refresh" | "resize" | "resources" | "rewind" | "rhombus" | "ringsWedding" | "road" | "rocket" | "roomService" | "rotateRight" | "rugby" | "sad" | "salad" | "scale" | "school" | "schoolBus" | "scissors" | "screen" | "search" | "searchAlt" | "searchHeart" | "settings" | "settingsSliders" | "share" | "shield" | "shieldCheck" | "shieldExclamation" | "shieldInterrogation" | "shieldPlus" | "ship" | "shipSide" | "shop" | "shoppingBag" | "shoppingBagAdd" | "shoppingCart" | "shoppingCartAdd" | "shoppingCartCheck" | "shuffle" | "signalAlt" | "signalAlt1" | "signalAlt2" | "signIn" | "signInAlt" | "signOut" | "signOutAlt" | "skateboard" | "smartphone" | "smile" | "smileWink" | "snowflake" | "soap" | "soup" | "spa" | "speaker" | "sphere" | "spinner" | "spinnerAlt" | "square" | "squareRoot" | "star" | "starFill" | "starOctogram" | "stats" | "stethoscope" | "sticker" | "stop" | "stopwatch" | "subtitles" | "sun" | "sunrise" | "surfing" | "sword" | "syringe" | "tablet" | "target" | "taxi" | "tennis" | "terrace" | "test" | "testTube" | "text" | "textCheck" | "thermometerHalf" | "thumbsDown" | "thumbsUp" | "thumbtack" | "ticket" | "timeAdd" | "timeCheck" | "timeDelete" | "timeFast" | "timeForward" | "timeForwardSixty" | "timeForwardTen" | "timeHalfPast" | "timeOclock" | "timePast" | "timeQuarterPast" | "timeQuarterTo" | "timeTwentyFour" | "toolCrop" | "toolMarquee" | "tooth" | "tornado" | "train" | "trainSide" | "transform" | "trash" | "treatment" | "tree" | "treeChristmas" | "triangle" | "trophy" | "truckSide" | "umbrella" | "underline" | "undo" | "undoAlt" | "unlock" | "upload" | "usbPendrive" | "user" | "userAdd" | "userDelete" | "userRemove" | "userTime" | "utensils" | "vector" | "vectorAlt" | "venus" | "venusDouble" | "venusMars" | "videoCamera" | "volleyball" | "volume" | "wheelchair" | "wifiAlt" | "wind" | "womanHead" | "world" | "yen" | "zoomIn" | "zoomOut";
+    open: boolean | undefined;
+    defaultOpen: boolean;
+    highlight: boolean;
+    links: readonly PfContentTocLink[];
+    highlightColor: PfContentTocColor | undefined;
+    highlightVariant: PfContentTocHighlightVariant;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/navigation/PfFooterColumns/index.vue.d.ts

@@ -0,0 +1,145 @@
+import { Component } from 'vue';
+import { RouteLocationRaw } from 'vue-router';
+import { PfIconSize } from '../../element/PfIcon/iconSizes';
+import { PfIconName } from '../../element/PfIcon/paths';
+export type PfFooterColumnsUi = Partial<{
+    root: string;
+    left: string;
+    center: string;
+    right: string;
+    label: string;
+    list: string;
+    item: string;
+    link: string;
+    linkLeadingIcon: string;
+    linkLabel: string;
+    linkLabelExternalIcon: string;
+}>;
+export type PfFooterColumnUi = Partial<Pick<PfFooterColumnsUi, 'label' | 'list'>>;
+export type PfFooterColumnLinkUi = Partial<Pick<PfFooterColumnsUi, 'item' | 'link' | 'linkLeadingIcon' | 'linkLabel' | 'linkLabelExternalIcon'>>;
+export type PfFooterColumnLink = {
+    label?: string;
+    icon?: PfIconName;
+    class?: string;
+    ui?: PfFooterColumnLinkUi;
+} & Partial<{
+    to: RouteLocationRaw;
+    href: RouteLocationRaw;
+    external: boolean;
+    target: (string & {}) | '_blank' | '_parent' | '_self' | '_top' | null;
+    replace: boolean;
+    disabled: boolean;
+    active: boolean;
+    exact: boolean;
+    exactQuery: boolean | 'partial';
+    exactHash: boolean;
+    inactiveClass: string;
+    raw: boolean;
+    rel: 'noopener' | 'noreferrer' | 'nofollow' | 'sponsored' | 'ugc' | (string & {}) | null;
+    noRel: boolean;
+    activeClass: string;
+    exactActiveClass: string;
+    ariaCurrentValue: 'step' | 'page' | 'true' | 'false' | 'location' | 'date' | 'time';
+    viewTransition: boolean;
+    prefetch: boolean;
+    noPrefetch: boolean;
+    trailingSlash: 'remove' | 'append';
+}>;
+export type PfFooterColumn = {
+    label: string;
+    children?: PfFooterColumnLink[];
+    class?: string;
+    ui?: PfFooterColumnUi;
+};
+type __VLS_Props = {
+    as?: string | Component;
+    columns?: PfFooterColumn[];
+    /** Leading icon size for the link */
+    iconSize?: PfIconSize;
+    ui?: PfFooterColumnsUi;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        left(): unknown;
+        default(): unknown;
+        right(): unknown;
+        'column-label'(props: {
+            column: PfFooterColumn;
+            columnIndex: number;
+        }): unknown;
+        link(props: {
+            column: PfFooterColumn;
+            columnIndex: number;
+            link: PfFooterColumnLink;
+            linkIndex: number;
+            active: boolean;
+        }): unknown;
+        'link-leading'(props: {
+            column: PfFooterColumn;
+            columnIndex: number;
+            link: PfFooterColumnLink;
+            linkIndex: number;
+            active: boolean;
+        }): unknown;
+        'link-label'(props: {
+            link: PfFooterColumnLink;
+            active: boolean;
+        }): unknown;
+        'link-trailing'(props: {
+            column: PfFooterColumn;
+            columnIndex: number;
+            link: PfFooterColumnLink;
+            linkIndex: number;
+            active: boolean;
+        }): unknown;
+    }> & {
+        left(): unknown;
+        default(): unknown;
+        right(): unknown;
+        'column-label'(props: {
+            column: PfFooterColumn;
+            columnIndex: number;
+        }): unknown;
+        link(props: {
+            column: PfFooterColumn;
+            columnIndex: number;
+            link: PfFooterColumnLink;
+            linkIndex: number;
+            active: boolean;
+        }): unknown;
+        'link-leading'(props: {
+            column: PfFooterColumn;
+            columnIndex: number;
+            link: PfFooterColumnLink;
+            linkIndex: number;
+            active: boolean;
+        }): unknown;
+        'link-label'(props: {
+            link: PfFooterColumnLink;
+            active: boolean;
+        }): unknown;
+        'link-trailing'(props: {
+            column: PfFooterColumn;
+            columnIndex: number;
+            link: PfFooterColumnLink;
+            linkIndex: number;
+            active: boolean;
+        }): unknown;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: string | Component;
+    iconSize: PfIconSize;
+    columns: PfFooterColumn[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/navigation/PfLink/index.vue.d.ts

@@ -0,0 +1,80 @@
+import { Component } from 'vue';
+import { RouteLocationRaw } from 'vue-router';
+type __VLS_Props = {
+    /** Root element when there is no `to` / `href` @default button */
+    as?: string | Component;
+    /** Button type when not a link @default button */
+    type?: 'reset' | 'submit' | 'button';
+    disabled?: boolean;
+    /** Force active state (ignore route matching) */
+    active?: boolean;
+    /** Active only on exact route match (like RouterLink `exact` in Vue 2) */
+    exact?: boolean;
+    /** Query matching: `true` — full; `partial` — only params listed on the link */
+    exactQuery?: boolean | 'partial';
+    /** Match hash */
+    exactHash?: boolean;
+    inactiveClass?: string;
+    /** Only classes from `class`, `activeClass`, `inactiveClass`, `exactActiveClass` */
+    raw?: boolean;
+    to?: RouteLocationRaw;
+    /** Ignored when `to` is set */
+    href?: RouteLocationRaw;
+    external?: boolean;
+    target?: (string & {}) | '_blank' | '_parent' | '_self' | '_top' | null;
+    rel?: 'noopener' | 'noreferrer' | 'nofollow' | 'sponsored' | 'ugc' | (string & {}) | null;
+    noRel?: boolean;
+    prefetchedClass?: string;
+    prefetch?: boolean;
+    prefetchOn?: 'visibility' | 'interaction' | Partial<{
+        visibility: boolean;
+        interaction: boolean;
+    }>;
+    noPrefetch?: boolean;
+    trailingSlash?: 'remove' | 'append';
+    activeClass?: string;
+    exactActiveClass?: string;
+    ariaCurrentValue?: 'step' | 'page' | 'true' | 'false' | 'location' | 'date' | 'time';
+    viewTransition?: boolean;
+    replace?: boolean;
+    name?: string;
+    autofocus?: boolean | 'true' | 'false';
+    form?: string;
+    formaction?: string;
+    formenctype?: string;
+    formmethod?: string;
+    formnovalidate?: boolean | 'true' | 'false';
+    formtarget?: string;
+    referrerpolicy?: string;
+    download?: unknown;
+    hreflang?: string;
+    media?: string;
+    ping?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default(props: {
+            active: boolean;
+        }): unknown;
+    }> & {
+        default(props: {
+            active: boolean;
+        }): unknown;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    type: "reset" | "submit" | "button";
+    as: string | Component;
+    ariaCurrentValue: "step" | "page" | "true" | "false" | "location" | "date" | "time";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/navigation/PfNavigationMenu/index.vue.d.ts

@@ -0,0 +1,187 @@
+import { RouteLocationRaw } from 'vue-router';
+import { Component } from 'vue';
+import { PfIconName } from '../../element/PfIcon/paths';
+export type PfNavigationMenuColor = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
+export type PfNavigationMenuVariant = 'pill' | 'link';
+export type PfNavigationMenuOrientation = 'horizontal' | 'vertical';
+export type PfNavigationMenuContentOrientation = 'horizontal' | 'vertical';
+export type PfNavigationMenuType = 'single' | 'multiple';
+export type PfNavigationMenuItemType = 'label' | 'trigger' | 'link';
+export type PfNavigationMenuItemAvatar = {
+    src?: string;
+    alt?: string;
+    icon?: PfIconName;
+    text?: string;
+    size?: '3xs' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
+    chip?: boolean | {
+        color?: import('../../element/PfAvatar/index.vue').PfAvatarChipColor;
+    };
+};
+export type PfNavigationMenuItemBadge = string | number | {
+    label?: string | number;
+    color?: 'error' | 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'neutral';
+    variant?: 'solid' | 'outline' | 'soft' | 'subtle';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+};
+export type PfNavigationMenuItemChip = boolean | {
+    color?: import('../../element/PfChip/index.vue').PfChipColor;
+    text?: string | number;
+    show?: boolean;
+};
+export interface PfNavigationMenuChildUi {
+    link?: string;
+    icon?: string;
+    label?: string;
+    description?: string;
+}
+export interface PfNavigationMenuChildItem {
+    label?: string;
+    description?: string;
+    icon?: PfIconName;
+    disabled?: boolean;
+    class?: unknown;
+    ui?: PfNavigationMenuChildUi;
+    onSelect?: (e: Event) => void;
+    to?: RouteLocationRaw;
+    href?: RouteLocationRaw;
+    target?: string | null;
+    external?: boolean;
+    [key: string]: unknown;
+}
+export interface PfNavigationMenuItem extends PfNavigationMenuChildItem {
+    children?: readonly PfNavigationMenuChildItem[];
+    type?: PfNavigationMenuItemType;
+    badge?: PfNavigationMenuItemBadge;
+    avatar?: PfNavigationMenuItemAvatar;
+    chip?: PfNavigationMenuItemChip;
+    trailingIcon?: PfIconName;
+    defaultOpen?: boolean;
+    open?: boolean;
+    value?: string;
+    active?: boolean;
+    slot?: string;
+}
+export type PfNavigationMenuItemsInput = readonly PfNavigationMenuItem[] | readonly (readonly PfNavigationMenuItem[])[];
+export type PfNavigationMenuUi = Partial<{
+    root: string;
+    list: string;
+    group: string;
+    label: string;
+    item: string;
+    link: string;
+    linkLeadingIcon: string;
+    linkLeadingAvatar: string;
+    linkLeadingAvatarSize: string;
+    linkLabel: string;
+    linkTrailing: string;
+    linkTrailingBadge: string;
+    linkTrailingBadgeSize: string;
+    linkTrailingIcon: string;
+    childList: string;
+    childItem: string;
+    childLink: string;
+    childLinkIcon: string;
+    childLinkLabel: string;
+    childLinkLabelExternalIcon: string;
+    childLinkDescription: string;
+    dropdown: string;
+    separator: string;
+    arrow: string;
+    viewport: string;
+}>;
+type __VLS_Props = {
+    as?: string | Component;
+    items?: PfNavigationMenuItemsInput;
+    color?: PfNavigationMenuColor;
+    variant?: PfNavigationMenuVariant;
+    orientation?: PfNavigationMenuOrientation;
+    contentOrientation?: PfNavigationMenuContentOrientation;
+    collapsed?: boolean;
+    highlight?: boolean;
+    highlightColor?: PfNavigationMenuColor;
+    trailingIcon?: PfIconName;
+    /** Show external-link icon on child items; `false` — hide. */
+    externalIcon?: boolean | PfIconName;
+    arrow?: boolean;
+    unmountOnHide?: boolean;
+    type?: PfNavigationMenuType;
+    collapsible?: boolean;
+    valueKey?: string;
+    labelKey?: string;
+    modelValue?: string | string[];
+    defaultValue?: string | string[];
+    tooltip?: boolean;
+    popover?: boolean;
+    ui?: PfNavigationMenuUi;
+    disabled?: boolean;
+    disableHoverTrigger?: boolean;
+    disableClickTrigger?: boolean;
+    delayDuration?: number;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        [key: string]: ((props: Record<string, unknown>) => unknown) | (() => unknown);
+        'item-leading'(props: Record<string, unknown>): unknown;
+        'item-label'(props: Record<string, unknown>): unknown;
+        'item-trailing'(props: Record<string, unknown>): unknown;
+        'item-content'(props: Record<string, unknown>): unknown;
+        'list-leading'(): unknown;
+        'list-trailing'(): unknown;
+    }> & {
+        [key: string]: ((props: Record<string, unknown>) => unknown) | (() => unknown);
+        'item-leading'(props: Record<string, unknown>): unknown;
+        'item-label'(props: Record<string, unknown>): unknown;
+        'item-trailing'(props: Record<string, unknown>): unknown;
+        'item-content'(props: Record<string, unknown>): unknown;
+        'list-leading'(): unknown;
+        'list-trailing'(): unknown;
+    };
+    refs: {
+        rootRef: unknown;
+        slideShellMeasureRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
+    /** Close the expanded horizontal submenu. */
+    closeDropdown: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | string[] | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
+}>, {
+    type: PfNavigationMenuType;
+    color: PfNavigationMenuColor;
+    variant: PfNavigationMenuVariant;
+    trailingIcon: PfIconName;
+    disabled: boolean;
+    orientation: PfNavigationMenuOrientation;
+    unmountOnHide: boolean;
+    collapsed: boolean;
+    tooltip: boolean;
+    valueKey: string;
+    labelKey: string;
+    items: PfNavigationMenuItemsInput;
+    highlight: boolean;
+    collapsible: boolean;
+    contentOrientation: PfNavigationMenuContentOrientation;
+    highlightColor: PfNavigationMenuColor;
+    externalIcon: boolean | PfIconName;
+    arrow: boolean;
+    popover: boolean;
+    disableHoverTrigger: boolean;
+    disableClickTrigger: boolean;
+    delayDuration: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rootRef: unknown;
+    slideShellMeasureRef: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};