@ptbdynamic/plinth 0.0.0-stage → 0.2.0

package/packages/vue/dist/PlinthMenuSeparator.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/packages/vue/dist/PlinthMenuSheet.vue.d.ts

@@ -0,0 +1,48 @@
+type __VLS_Props = {
+    /** The dialog's id, for the menu button's commandfor; one is generated when it is missing. */
+    id?: string;
+    /** The heading, and the sheet's and the navigation's accessible name. */
+    title?: string;
+    /** The close button's accessible name. */
+    closeLabel?: string;
+    /** The signed-in user's name; leave it out for no user row. */
+    userName?: string;
+    /** A second line under the name: an email or a role. */
+    userDetail?: string;
+    /** The user's picture; initials from the name stand in without it. */
+    userSrc?: string;
+    /** Makes the user row a link, to the profile. */
+    userHref?: string;
+};
+declare var __VLS_22: {}, __VLS_24: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_22) => any;
+} & {
+    account?: (props: typeof __VLS_24) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    /** Opens the menu as a modal dialog. */
+    showModal: () => void | undefined;
+    /** Closes the menu; it emits `close`. */
+    close: () => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((event: Event) => any) | undefined;
+}>, {
+    title: string;
+    id: string;
+    closeLabel: string;
+    userName: string;
+    userDetail: string;
+    userSrc: string;
+    userHref: string;
+}, {}, {}, {}, 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/packages/vue/dist/PlinthPageHeader.vue.d.ts

@@ -0,0 +1,27 @@
+import { type PageHeaderLevel } from './page-header';
+type __VLS_Props = {
+    /** The page's heading. */
+    heading: string;
+    /** The heading's element: `h1`, or `h2` to `h6` beside another page's `h1`. */
+    level?: PageHeaderLevel;
+    /** The screen's top bar: it adds the top safe-area inset (data-top). */
+    top?: boolean;
+};
+type __VLS_Slots = {
+    /** The leading action, usually a menu button or a back link. */
+    leading?: () => unknown;
+    /** The trailing actions: icon buttons or a primary button. */
+    actions?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    top: boolean;
+    level: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+}, {}, {}, {}, 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/packages/vue/dist/PlinthPill.vue.d.ts

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    /** A number after the label, such as how many items the filter shows. */
+    count?: string | number | null;
+    /** Renders the pill as a link, for a row that navigates. */
+    href?: string;
+    /** The selected pill: aria-pressed="true" on a button, aria-current="page" on a link. */
+    selected?: boolean;
+    /** Disables the pill. */
+    disabled?: boolean;
+};
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    href: string;
+    disabled: boolean;
+    selected: boolean;
+    count: string | number | null;
+}, {}, {}, {}, 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/packages/vue/dist/PlinthPillRow.vue.d.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    /** The row's accessible name (aria-label). */
+    label?: string;
+    /** Renders the row as a <nav>, for pills that are links. */
+    nav?: boolean;
+};
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    label: string;
+    nav: 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/packages/vue/dist/PlinthSectionMenu.vue.d.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    /** The menu's accessible name (aria-label). */
+    label?: string;
+    /** A <nav> of links (the default); false for a <div role="group"> of buttons. */
+    nav?: boolean;
+};
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    label: string;
+    nav: 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/packages/vue/dist/PlinthSectionMenuItem.vue.d.ts

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    /** A number after the label, such as how many items the section holds. */
+    count?: string | number | null;
+    /** The section's address; without it the item is a button that switches the view in place. */
+    href?: string;
+    /** The current section: aria-current="page" on a link, aria-pressed="true" on a button. */
+    current?: boolean;
+    /** Disables the item. */
+    disabled?: boolean;
+};
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    href: string;
+    disabled: boolean;
+    current: boolean;
+    count: string | number | null;
+}, {}, {}, {}, 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/packages/vue/dist/PlinthSheet.vue.d.ts

@@ -0,0 +1,45 @@
+import { type SheetSide } from './sheet';
+type __VLS_Props = {
+    /** The dialog's id; one is generated when it is missing. */
+    id?: string;
+    /** The heading, and the sheet's accessible name. */
+    title: string;
+    /** A line under the title, and the sheet's accessible description. */
+    description?: string;
+    /** The close button's accessible name. */
+    closeLabel?: string;
+    /** The edge the sheet comes from, at every width. */
+    side?: SheetSide;
+    /** The edge below 768px, when it is another one. */
+    sidePhone?: SheetSide;
+};
+declare var __VLS_7: {}, __VLS_9: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+} & {
+    footer?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    /** Opens the sheet as a modal dialog. */
+    showModal: () => void | undefined;
+    /** Closes the sheet; the dialog fires `close`. */
+    close: () => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((event: Event) => any) | undefined;
+}>, {
+    id: string;
+    sidePhone: "start" | "end" | "top" | "bottom";
+    description: string;
+    closeLabel: string;
+    side: "start" | "end" | "top" | "bottom";
+}, {}, {}, {}, 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/packages/vue/dist/PlinthTextField.vue.d.ts

@@ -0,0 +1,51 @@
+import { type TextFieldSize } from './text-field';
+type __VLS_Props = {
+    /** The label, and the field's accessible name. */
+    label: string;
+    /** Hides the label visually; screen readers still read it. */
+    hideLabel?: boolean;
+    /** The input's id; one is generated when it is missing. */
+    id?: string;
+    /** The input's type: text, email, url, tel, password, number, search… */
+    type?: string;
+    size?: TextFieldSize;
+    /** A line under the field that helps fill it in. */
+    description?: string;
+    /** What is wrong with the value; it marks the field invalid. */
+    error?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+};
+type __VLS_ModelProps = {
+    /** The value, with `v-model`. */
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+} & {
+    trailing?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {
+    size: "sm" | "md";
+    type: string;
+    disabled: boolean;
+    id: string;
+    error: string;
+    description: string;
+    hideLabel: boolean;
+    readonly: 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/packages/vue/dist/PlinthTextarea.vue.d.ts

@@ -0,0 +1,42 @@
+type __VLS_Props = {
+    /** The label, and the field's accessible name. */
+    label: string;
+    /** Hides the label visually; screen readers still read it. */
+    hideLabel?: boolean;
+    /** The textarea's id; one is generated when it is missing. */
+    id?: string;
+    /** The lines it shows, and where it starts when it grows. */
+    rows?: number;
+    /** Grows with its content, from rows lines to maxRows, then scrolls. */
+    grow?: boolean;
+    /** The most lines it grows to. */
+    maxRows?: number;
+    /** A line under the field that helps fill it in. */
+    description?: string;
+    /** What is wrong with the value; it marks the field invalid. */
+    error?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+};
+type __VLS_ModelProps = {
+    /** The value, with `v-model`. */
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {
+    disabled: boolean;
+    id: string;
+    error: string;
+    description: string;
+    hideLabel: boolean;
+    readonly: boolean;
+    rows: number;
+    grow: boolean;
+    maxRows: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/packages/vue/dist/avatar.d.ts

@@ -0,0 +1,12 @@
+/** The avatar sizes (24, 32, 40 and 56 px), from the shared size scale. `md` is the default. */
+export declare const avatarSizes: readonly ["sm", "md", "lg", "xl"];
+export type AvatarSize = (typeof avatarSizes)[number];
+/** A size from the list, or `md` when it is not one of them. */
+export declare function avatarSize(value: string | undefined): AvatarSize;
+/**
+ * Initials from a name: the first letter of the first and the last word, upper case. Blade's
+ * Initials::from() does the same; the parity tests compare them.
+ */
+export declare function initialsFrom(name: string): string;
+/** The person shown when there is neither an image nor a name to take initials from. */
+export declare const avatarGlyph = "<svg class=\"plinth-avatar-glyph\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"9\" r=\"4\"></circle><path d=\"M4.5 20a7.5 7.5 0 0 1 15 0\"></path></svg>";

package/packages/vue/dist/button.d.ts

@@ -0,0 +1,5 @@
+/** The button's variants. `primary` is the default. */
+export declare const buttonVariants: readonly ["primary", "accent", "secondary", "ghost", "danger", "danger-ghost"];
+export type ButtonVariant = (typeof buttonVariants)[number];
+/** A variant from the list, or `primary` when it is not one of them. */
+export declare function buttonVariant(value: string | undefined): ButtonVariant;

package/packages/vue/dist/callout.d.ts

@@ -0,0 +1,19 @@
+/** The callout's tones. `neutral` is the default. */
+export declare const calloutTones: readonly ["neutral", "info", "success", "warning", "danger"];
+export type CalloutTone = (typeof calloutTones)[number];
+/** A tone from the list, or `neutral` when it is not one of them. */
+export declare function calloutTone(value: string | undefined): CalloutTone;
+/**
+ * The callout's roles: `note` (the default) for a note in the page, `status` for a message the
+ * app adds after something happens, `alert` for an urgent one. Assistive technology announces the
+ * last two when they appear.
+ */
+export declare const calloutRoles: readonly ["note", "status", "alert"];
+export type CalloutRole = (typeof calloutRoles)[number];
+/** A role from the list, or `note` when it is not one of them. */
+export declare function calloutRole(value: string | undefined): CalloutRole;
+/**
+ * Each tone's icon, a different shape for each, so the tone never rests on colour alone. Blade's
+ * CalloutTone::icon() prints the same markup; the icon slot replaces it.
+ */
+export declare const calloutIcons: Record<CalloutTone, string>;

package/packages/vue/dist/code-block.d.ts

@@ -0,0 +1,16 @@
+/** A language tab: its name (Blade, Vue, React, HTML) and its code, as text or as markup. */
+export interface CodeBlockTab {
+    label: string;
+    code: string;
+    /** The highlighter's markup for the code (trusted, not escaped), in place of `code`. */
+    html?: string;
+}
+/** The CSS shows the code of the first six tabs, so a block has at most six. */
+export declare const codeBlockTabs: (tabs: readonly CodeBlockTab[]) => CodeBlockTab[];
+/** The index of the tab that starts checked: the one labelled `selected`, or the first. */
+export declare const checkedTab: (tabs: readonly CodeBlockTab[], selected: string | undefined) => number;
+/**
+ * The text a code block's copy button copies: the code of the checked tab's <pre>, or of the only
+ * one. React's layer and Blade's Alpine do the same.
+ */
+export declare function codeBlockText(button: Element): string;

package/packages/vue/dist/confirm-dialog.d.ts

@@ -0,0 +1,23 @@
+/**
+ * What the confirmation dialog asks for: `simple` (the default) asks only, `type` asks for a
+ * phrase typed exactly, `password` asks for the person's password, which the app checks.
+ */
+export declare const confirmDialogKinds: readonly ["simple", "type", "password"];
+export type ConfirmDialogKind = (typeof confirmDialogKinds)[number];
+/** A kind from the list, or `simple` when it is not one of them. */
+export declare function confirmDialogKind(value: string | undefined): ConfirmDialogKind;
+/** The confirm button's tone: `neutral` (the default, a primary button) or `danger`. */
+export declare const confirmDialogTones: readonly ["neutral", "danger"];
+export type ConfirmDialogTone = (typeof confirmDialogTones)[number];
+/** A tone from the list, or `neutral` when it is not one of them. */
+export declare function confirmDialogTone(value: string | undefined): ConfirmDialogTone;
+/** The field's label when the app gives none; `:phrase` is where the phrase goes. */
+export declare const confirmDialogFieldLabels: {
+    readonly type: "Type :phrase to confirm";
+    readonly password: "Password";
+};
+/**
+ * The input's pattern: the phrase with the characters a pattern (a `v`-flag regular expression)
+ * treats as syntax escaped, so the browser accepts exactly the phrase.
+ */
+export declare const confirmDialogPattern: (phrase: string) => string;

package/packages/vue/dist/data-table.d.ts

@@ -0,0 +1,15 @@
+/** The sort states of a sortable column, as aria-sort takes them. `none` is the default. */
+export declare const dataTableSorts: readonly ["none", "ascending", "descending"];
+export type DataTableSort = (typeof dataTableSorts)[number];
+/** A sort from the list, or `none` when it is not one of them. */
+export declare function dataTableSort(value: string | undefined): DataTableSort;
+/** What a cell is on a phone's card: a labelled field (the default), its title, or its actions. */
+export declare const dataTableCellKinds: readonly ["field", "title", "actions"];
+export type DataTableCellKind = (typeof dataTableCellKinds)[number];
+/** A kind from the list, or `field` when it is not one of them. */
+export declare function dataTableCellKind(value: string | undefined): DataTableCellKind;
+/**
+ * The sort button's icon: an arrow up and an arrow down; the column's aria-sort decides which
+ * of them show. Blade's sort button prints the same markup.
+ */
+export declare const dataTableSortIcon = "<span class=\"plinth-icon plinth-data-table-sort-icon\" data-size=\"sm\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path class=\"plinth-data-table-sort-up\" d=\"M8 9l4-4 4 4\"></path><path class=\"plinth-data-table-sort-down\" d=\"M8 15l4 4 4-4\"></path></svg></span>";

package/packages/vue/dist/dialog.d.ts

@@ -0,0 +1,10 @@
+/**
+ * How the dialog shows below 768px: `center` (the default, printed as no attribute) or `bottom`,
+ * a bottom sheet. From 768px up every dialog is centred.
+ */
+export declare const dialogSidePhones: readonly ["center", "bottom"];
+export type DialogSidePhone = (typeof dialogSidePhones)[number];
+/** A side from the list, or `center` when it is not one of them. */
+export declare function dialogSidePhone(value: string | undefined): DialogSidePhone;
+/** The close button's icon, the same cross as the sheet's. Blade's dialog prints the same markup. */
+export declare const dialogCloseIcon = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 6l12 12M18 6L6 18\"></path></svg>";

package/packages/vue/dist/drawer.d.ts

@@ -0,0 +1,20 @@
+/**
+ * The drawer's presentation from 768px up: `dialog` (the default), centred like the dialog, or
+ * `sheet`, a panel on the inline-end edge like the sheet.
+ */
+export declare const drawerDesktops: readonly ["dialog", "sheet"];
+export type DrawerDesktop = (typeof drawerDesktops)[number];
+/** A presentation from the list, or `dialog` when it is not one of them. */
+export declare function drawerDesktop(value: string | undefined): DrawerDesktop;
+/** Where a drawer can rest on a phone, smallest first: a peek, half the screen, or all of it. */
+export declare const drawerSnaps: readonly ["peek", "half", "full"];
+export type DrawerSnap = (typeof drawerSnaps)[number];
+/**
+ * The snap points from a list or a string of them separated by spaces: the known ones, each once,
+ * smallest first. Empty when there are none (a drawer as tall as its content).
+ */
+export declare function drawerSnapPoints(value: readonly string[] | string | undefined): DrawerSnap[];
+/** The snap point it opens at: `snap` when it is one of `points`, else the largest of them. */
+export declare function drawerSnap(snap: string | undefined, points: DrawerSnap[]): DrawerSnap | undefined;
+/** The close button's icon, the same cross as the sheet's. Blade's drawer prints the same markup. */
+export declare const drawerCloseIcon = "<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 6l12 12M18 6L6 18\"></path></svg>";

package/packages/vue/dist/heading.d.ts

@@ -0,0 +1,5 @@
+/** The heading levels a component's heading can take. `h2` is the default. */
+export declare const headingLevels: readonly ["h2", "h3", "h4", "h5", "h6"];
+export type HeadingLevel = (typeof headingLevels)[number];
+/** A level from the list, or `h2` when it is not one of them. */
+export declare function headingLevel(value: string | undefined): HeadingLevel;

package/packages/vue/dist/icon.d.ts

@@ -0,0 +1,5 @@
+/** The icon sizes (16, 20 and 24 px), from the shared size scale. `md` is the default. */
+export declare const iconSizes: readonly ["sm", "md", "lg"];
+export type IconSize = (typeof iconSizes)[number];
+/** A size from the list, or `md` when it is not one of them. */
+export declare function iconSize(value: string | undefined): IconSize;

package/packages/vue/dist/index.d.ts

@@ -0,0 +1,53 @@
+import type { Plugin } from 'vue';
+import PlinthAvatar from './PlinthAvatar.vue';
+import PlinthBadge from './PlinthBadge.vue';
+import PlinthButton from './PlinthButton.vue';
+import PlinthCallout from './PlinthCallout.vue';
+import PlinthCodeBlock from './PlinthCodeBlock.vue';
+import PlinthConfirmDialog from './PlinthConfirmDialog.vue';
+import PlinthDataTable from './PlinthDataTable.vue';
+import PlinthDataTableCell from './PlinthDataTableCell.vue';
+import PlinthDataTableColumn from './PlinthDataTableColumn.vue';
+import PlinthDataTableEmpty from './PlinthDataTableEmpty.vue';
+import PlinthDataTableRow from './PlinthDataTableRow.vue';
+import PlinthDataTableSort from './PlinthDataTableSort.vue';
+import PlinthDialog from './PlinthDialog.vue';
+import PlinthDrawer from './PlinthDrawer.vue';
+import PlinthIcon from './PlinthIcon.vue';
+import PlinthIconButton from './PlinthIconButton.vue';
+import PlinthListCard from './PlinthListCard.vue';
+import PlinthListRow from './PlinthListRow.vue';
+import PlinthMenu from './PlinthMenu.vue';
+import PlinthMenuGroup from './PlinthMenuGroup.vue';
+import PlinthMenuItem from './PlinthMenuItem.vue';
+import PlinthMenuSeparator from './PlinthMenuSeparator.vue';
+import PlinthMenuSheet from './PlinthMenuSheet.vue';
+import PlinthPageHeader from './PlinthPageHeader.vue';
+import PlinthPill from './PlinthPill.vue';
+import PlinthPillRow from './PlinthPillRow.vue';
+import PlinthSectionMenu from './PlinthSectionMenu.vue';
+import PlinthSectionMenuItem from './PlinthSectionMenuItem.vue';
+import PlinthSheet from './PlinthSheet.vue';
+import PlinthTextarea from './PlinthTextarea.vue';
+import PlinthTextField from './PlinthTextField.vue';
+export { PlinthAvatar, PlinthBadge, PlinthButton, PlinthCallout, PlinthCodeBlock, PlinthConfirmDialog, PlinthDataTable, PlinthDataTableCell, PlinthDataTableColumn, PlinthDataTableEmpty, PlinthDataTableRow, PlinthDataTableSort, PlinthDialog, PlinthDrawer, PlinthIcon, PlinthIconButton, PlinthListCard, PlinthListRow, PlinthMenu, PlinthMenuGroup, PlinthMenuItem, PlinthMenuSeparator, PlinthMenuSheet, PlinthPageHeader, PlinthPill, PlinthPillRow, PlinthSectionMenu, PlinthSectionMenuItem, PlinthSheet, PlinthTextarea, PlinthTextField, };
+export { avatarGlyph, avatarSizes, initialsFrom, type AvatarSize } from './avatar';
+export { buttonVariants, type ButtonVariant } from './button';
+export { calloutIcons, calloutRole, calloutRoles, calloutTone, calloutTones, type CalloutRole, type CalloutTone, } from './callout';
+export { type CodeBlockTab } from './code-block';
+export { confirmDialogFieldLabels, confirmDialogKind, confirmDialogKinds, confirmDialogPattern, confirmDialogTone, confirmDialogTones, type ConfirmDialogKind, type ConfirmDialogTone, } from './confirm-dialog';
+export { dataTableCellKind, dataTableCellKinds, dataTableSort, dataTableSortIcon, dataTableSorts, type DataTableCellKind, type DataTableSort, } from './data-table';
+export { dialogCloseIcon, dialogSidePhone, dialogSidePhones, type DialogSidePhone } from './dialog';
+export { drawerCloseIcon, drawerDesktop, drawerDesktops, drawerSnap, drawerSnapPoints, drawerSnaps, type DrawerDesktop, type DrawerSnap, } from './drawer';
+export { headingLevel, headingLevels, type HeadingLevel } from './heading';
+export { controlSizes, iconSizeFor, resolveSize, sizes, type ControlSize, type Size } from './size';
+export { iconSizes, type IconSize } from './icon';
+export { listRowChevron } from './list-row';
+export { menuIdKey, menuItemTone, menuItemTones, type MenuItemTone } from './menu';
+export { pageHeaderLevel, pageHeaderLevels, type PageHeaderLevel } from './page-header';
+export { sheetCloseIcon, sheetSide, sheetSidePhone, sheetSides, type SheetSide } from './sheet';
+export { fieldDescribedBy, textFieldSize, textFieldSizes, type TextFieldSize } from './text-field';
+export { swipeToClose, useSwipeToClose } from './swipe';
+export { tones, type Tone } from './tones';
+/** Registers every Plinth component globally: `app.use(Plinth)`. */
+export declare const Plinth: Plugin;