@ptbdynamic/plinth 0.1.1 → 0.2.0

package/packages/react/dist/menu.d.ts

@@ -0,0 +1,7 @@
+/** A menu item's tone: `neutral` (the default) or `danger`, for an item that destroys or removes. */
+export declare const menuItemTones: readonly ["neutral", "danger"];
+export type MenuItemTone = (typeof menuItemTones)[number];
+/** A tone from the list, or `neutral` when it is not one of them. */
+export declare function menuItemTone(value: string | undefined): MenuItemTone;
+/** The id of the menu around an item, which a button item closes when it is pressed. */
+export declare const MenuIdContext: import("react").Context<string | undefined>;

package/packages/react/dist/page-header.d.ts

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

package/packages/react/dist/text-field.d.ts

@@ -0,0 +1,10 @@
+/** The text field sizes (28 and 32 px), from the shared size scale. `md` is the default. */
+export declare const textFieldSizes: readonly ["sm", "md"];
+export type TextFieldSize = (typeof textFieldSizes)[number];
+/** A size from the list, or `md` when it is not one of them. */
+export declare function textFieldSize(value: string | undefined): TextFieldSize;
+/**
+ * What a field's aria-describedby lists: its description's id, then its error's, or nothing when
+ * it has neither (text-field.css, textarea.css).
+ */
+export declare function fieldDescribedBy(id: string, description: string | undefined, error: string | undefined): string | undefined;

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

@@ -118,6 +118,10 @@ export declare const vars: {
     "dialog": string;
     "panel": string;
     "peek": string;
+    "menu": {
+      "min": string;
+      "max": string;
+    };
   };
   "layer": {
     "base": string;
@@ -178,8 +182,9 @@ export declare const vars: {
     "2": string;
     "3": string;
   };
-  "header": {
+  "page-header": {
     "height": string;
+    "offset": string;
   };
   "data-table": {
     "row-height": string;
@@ -203,6 +208,13 @@ export declare const vars: {
     "height": string;
     "item-height": string;
   };
+  "menu": {
+    "min-width": string;
+    "max-width": string;
+  };
+  "text-field": {
+    "trailing-size": string;
+  };
   "callout": {
     "neutral-surface": string;
     "neutral-border": string;

package/packages/tokens/dist/index.js

@@ -1169,6 +1169,32 @@ export const tokens = [
     "value": "10rem",
     "css": "10rem"
   },
+  {
+    "path": [
+      "ref",
+      "size",
+      "192"
+    ],
+    "name": "--plinth-ref-size-192",
+    "cssVar": "var(--plinth-ref-size-192)",
+    "tier": "primitive",
+    "type": "dimension",
+    "value": "12rem",
+    "css": "12rem"
+  },
+  {
+    "path": [
+      "ref",
+      "size",
+      "320"
+    ],
+    "name": "--plinth-ref-size-320",
+    "cssVar": "var(--plinth-ref-size-320)",
+    "tier": "primitive",
+    "type": "dimension",
+    "value": "20rem",
+    "css": "20rem"
+  },
   {
     "path": [
       "ref",
@@ -2689,6 +2715,36 @@ export const tokens = [
     "ref": "ref.size.160",
     "css": "var(--plinth-ref-size-160)"
   },
+  {
+    "path": [
+      "size",
+      "menu",
+      "min"
+    ],
+    "name": "--plinth-size-menu-min",
+    "cssVar": "var(--plinth-size-menu-min)",
+    "tier": "semantic",
+    "type": "dimension",
+    "description": "The least width of a menu (192 px).",
+    "value": "12rem",
+    "ref": "ref.size.192",
+    "css": "var(--plinth-ref-size-192)"
+  },
+  {
+    "path": [
+      "size",
+      "menu",
+      "max"
+    ],
+    "name": "--plinth-size-menu-max",
+    "cssVar": "var(--plinth-size-menu-max)",
+    "tier": "semantic",
+    "type": "dimension",
+    "description": "The most width of a menu (320 px); a longer label wraps.",
+    "value": "20rem",
+    "ref": "ref.size.320",
+    "css": "var(--plinth-ref-size-320)"
+  },
   {
     "path": [
       "layer",
@@ -3484,17 +3540,32 @@ export const tokens = [
   },
   {
     "path": [
-      "header",
+      "page-header",
       "height"
     ],
-    "name": "--plinth-header-height",
-    "cssVar": "var(--plinth-header-height)",
+    "name": "--plinth-page-header-height",
+    "cssVar": "var(--plinth-page-header-height)",
     "tier": "component",
     "type": "dimension",
+    "description": "The page header's height, without the safe area it adds as the screen's top bar.",
     "value": "3.5rem",
     "ref": "space.14",
     "css": "var(--plinth-space-14)"
   },
+  {
+    "path": [
+      "page-header",
+      "offset"
+    ],
+    "name": "--plinth-page-header-offset",
+    "cssVar": "var(--plinth-page-header-offset)",
+    "tier": "component",
+    "type": "dimension",
+    "description": "Where the page header sticks: 0, or an app bar's height when the page header sits under one.",
+    "value": "0",
+    "ref": "space.0",
+    "css": "var(--plinth-space-0)"
+  },
   {
     "path": [
       "data-table",
@@ -3607,6 +3678,48 @@ export const tokens = [
     "ref": "control.lg",
     "css": "var(--plinth-control-lg)"
   },
+  {
+    "path": [
+      "menu",
+      "min-width"
+    ],
+    "name": "--plinth-menu-min-width",
+    "cssVar": "var(--plinth-menu-min-width)",
+    "tier": "component",
+    "type": "dimension",
+    "description": "A menu's least width (192px); it grows with its longest item.",
+    "value": "12rem",
+    "ref": "size.menu.min",
+    "css": "var(--plinth-size-menu-min)"
+  },
+  {
+    "path": [
+      "menu",
+      "max-width"
+    ],
+    "name": "--plinth-menu-max-width",
+    "cssVar": "var(--plinth-menu-max-width)",
+    "tier": "component",
+    "type": "dimension",
+    "description": "A menu's most width (320px), and never more than the screen less a margin.",
+    "value": "20rem",
+    "ref": "size.menu.max",
+    "css": "var(--plinth-size-menu-max)"
+  },
+  {
+    "path": [
+      "text-field",
+      "trailing-size"
+    ],
+    "name": "--plinth-text-field-trailing-size",
+    "cssVar": "var(--plinth-text-field-trailing-size)",
+    "tier": "component",
+    "type": "dimension",
+    "description": "The room a text field keeps at its end for its trailing slot (32px): a small icon button or a short keyboard hint. A project with a wider hint raises it.",
+    "value": "2rem",
+    "ref": "control.md",
+    "css": "var(--plinth-control-md)"
+  },
   {
     "path": [
       "callout",
@@ -3865,7 +3978,11 @@ export const vars = {
     },
     "dialog": "var(--plinth-size-dialog)",
     "panel": "var(--plinth-size-panel)",
-    "peek": "var(--plinth-size-peek)"
+    "peek": "var(--plinth-size-peek)",
+    "menu": {
+      "min": "var(--plinth-size-menu-min)",
+      "max": "var(--plinth-size-menu-max)"
+    }
   },
   "layer": {
     "base": "var(--plinth-layer-base)",
@@ -3926,8 +4043,9 @@ export const vars = {
     "2": "var(--plinth-elevation-2)",
     "3": "var(--plinth-elevation-3)"
   },
-  "header": {
-    "height": "var(--plinth-header-height)"
+  "page-header": {
+    "height": "var(--plinth-page-header-height)",
+    "offset": "var(--plinth-page-header-offset)"
   },
   "data-table": {
     "row-height": "var(--plinth-data-table-row-height)"
@@ -3951,6 +4069,13 @@ export const vars = {
     "height": "var(--plinth-section-menu-height)",
     "item-height": "var(--plinth-section-menu-item-height)"
   },
+  "menu": {
+    "min-width": "var(--plinth-menu-min-width)",
+    "max-width": "var(--plinth-menu-max-width)"
+  },
+  "text-field": {
+    "trailing-size": "var(--plinth-text-field-trailing-size)"
+  },
   "callout": {
     "neutral-surface": "var(--plinth-callout-neutral-surface)",
     "neutral-border": "var(--plinth-callout-neutral-border)",

package/packages/tokens/dist/tailwind-theme.css

@@ -72,8 +72,8 @@
   --shadow-1: var(--plinth-elevation-1);
   --shadow-2: var(--plinth-elevation-2);
   --shadow-3: var(--plinth-elevation-3);
-  --breakpoint-md: var(--plinth-breakpoint-md);
-  --breakpoint-lg: var(--plinth-breakpoint-lg);
+  --breakpoint-md: 768px;
+  --breakpoint-lg: 1280px;
   --ease-standard: var(--plinth-easing-standard);
   --ease-enter: var(--plinth-easing-enter);
   --ease-exit: var(--plinth-easing-exit);

package/packages/tokens/dist/tokens.css

@@ -87,6 +87,8 @@
     --plinth-ref-size-44: 2.75rem;
     --plinth-ref-size-56: 3.5rem;
     --plinth-ref-size-160: 10rem;
+    --plinth-ref-size-192: 12rem;
+    --plinth-ref-size-320: 20rem;
     --plinth-ref-size-400: 25rem;
     --plinth-ref-size-480: 30rem;
     --plinth-ref-radius-0: 0;
@@ -199,6 +201,8 @@
     --plinth-size-dialog: var(--plinth-ref-size-480);
     --plinth-size-panel: var(--plinth-ref-size-400);
     --plinth-size-peek: var(--plinth-ref-size-160);
+    --plinth-size-menu-min: var(--plinth-ref-size-192);
+    --plinth-size-menu-max: var(--plinth-ref-size-320);
     --plinth-layer-base: 0;
     --plinth-layer-sticky: 100;
     --plinth-layer-overlay: 200;
@@ -206,7 +210,8 @@
     --plinth-layer-toast: 400;
     --plinth-breakpoint-md: 768px;
     --plinth-breakpoint-lg: 1280px;
-    --plinth-header-height: var(--plinth-space-14);
+    --plinth-page-header-height: var(--plinth-space-14);
+    --plinth-page-header-offset: var(--plinth-space-0);
     --plinth-data-table-row-height: var(--plinth-size-row);
     --plinth-list-row-height: var(--plinth-size-row);
     --plinth-pill-height: var(--plinth-control-md);
@@ -215,6 +220,9 @@
     --plinth-drawer-peek-height: var(--plinth-size-peek);
     --plinth-section-menu-height: var(--plinth-space-14);
     --plinth-section-menu-item-height: var(--plinth-control-lg);
+    --plinth-menu-min-width: var(--plinth-size-menu-min);
+    --plinth-menu-max-width: var(--plinth-size-menu-max);
+    --plinth-text-field-trailing-size: var(--plinth-control-md);
   }
 
   :root,

package/packages/tokens/dist/tokens.json

@@ -1167,6 +1167,32 @@
     "value": "10rem",
     "css": "10rem"
   },
+  {
+    "path": [
+      "ref",
+      "size",
+      "192"
+    ],
+    "name": "--plinth-ref-size-192",
+    "cssVar": "var(--plinth-ref-size-192)",
+    "tier": "primitive",
+    "type": "dimension",
+    "value": "12rem",
+    "css": "12rem"
+  },
+  {
+    "path": [
+      "ref",
+      "size",
+      "320"
+    ],
+    "name": "--plinth-ref-size-320",
+    "cssVar": "var(--plinth-ref-size-320)",
+    "tier": "primitive",
+    "type": "dimension",
+    "value": "20rem",
+    "css": "20rem"
+  },
   {
     "path": [
       "ref",
@@ -2687,6 +2713,36 @@
     "ref": "ref.size.160",
     "css": "var(--plinth-ref-size-160)"
   },
+  {
+    "path": [
+      "size",
+      "menu",
+      "min"
+    ],
+    "name": "--plinth-size-menu-min",
+    "cssVar": "var(--plinth-size-menu-min)",
+    "tier": "semantic",
+    "type": "dimension",
+    "description": "The least width of a menu (192 px).",
+    "value": "12rem",
+    "ref": "ref.size.192",
+    "css": "var(--plinth-ref-size-192)"
+  },
+  {
+    "path": [
+      "size",
+      "menu",
+      "max"
+    ],
+    "name": "--plinth-size-menu-max",
+    "cssVar": "var(--plinth-size-menu-max)",
+    "tier": "semantic",
+    "type": "dimension",
+    "description": "The most width of a menu (320 px); a longer label wraps.",
+    "value": "20rem",
+    "ref": "ref.size.320",
+    "css": "var(--plinth-ref-size-320)"
+  },
   {
     "path": [
       "layer",
@@ -3482,17 +3538,32 @@
   },
   {
     "path": [
-      "header",
+      "page-header",
       "height"
     ],
-    "name": "--plinth-header-height",
-    "cssVar": "var(--plinth-header-height)",
+    "name": "--plinth-page-header-height",
+    "cssVar": "var(--plinth-page-header-height)",
     "tier": "component",
     "type": "dimension",
+    "description": "The page header's height, without the safe area it adds as the screen's top bar.",
     "value": "3.5rem",
     "ref": "space.14",
     "css": "var(--plinth-space-14)"
   },
+  {
+    "path": [
+      "page-header",
+      "offset"
+    ],
+    "name": "--plinth-page-header-offset",
+    "cssVar": "var(--plinth-page-header-offset)",
+    "tier": "component",
+    "type": "dimension",
+    "description": "Where the page header sticks: 0, or an app bar's height when the page header sits under one.",
+    "value": "0",
+    "ref": "space.0",
+    "css": "var(--plinth-space-0)"
+  },
   {
     "path": [
       "data-table",
@@ -3605,6 +3676,48 @@
     "ref": "control.lg",
     "css": "var(--plinth-control-lg)"
   },
+  {
+    "path": [
+      "menu",
+      "min-width"
+    ],
+    "name": "--plinth-menu-min-width",
+    "cssVar": "var(--plinth-menu-min-width)",
+    "tier": "component",
+    "type": "dimension",
+    "description": "A menu's least width (192px); it grows with its longest item.",
+    "value": "12rem",
+    "ref": "size.menu.min",
+    "css": "var(--plinth-size-menu-min)"
+  },
+  {
+    "path": [
+      "menu",
+      "max-width"
+    ],
+    "name": "--plinth-menu-max-width",
+    "cssVar": "var(--plinth-menu-max-width)",
+    "tier": "component",
+    "type": "dimension",
+    "description": "A menu's most width (320px), and never more than the screen less a margin.",
+    "value": "20rem",
+    "ref": "size.menu.max",
+    "css": "var(--plinth-size-menu-max)"
+  },
+  {
+    "path": [
+      "text-field",
+      "trailing-size"
+    ],
+    "name": "--plinth-text-field-trailing-size",
+    "cssVar": "var(--plinth-text-field-trailing-size)",
+    "tier": "component",
+    "type": "dimension",
+    "description": "The room a text field keeps at its end for its trailing slot (32px): a small icon button or a short keyboard hint. A project with a wider hint raises it.",
+    "value": "2rem",
+    "ref": "control.md",
+    "css": "var(--plinth-control-md)"
+  },
   {
     "path": [
       "callout",

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

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    /** The menu's id, which its button names in popovertarget. */
+    id: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    /** Opens the menu next to `source`, the button it belongs to. */
+    showPopover: (options: {
+        source: HTMLElement;
+    }) => void | undefined;
+    /** Closes the menu. */
+    hidePopover: () => void | undefined;
+}, {}, {}, {}, 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/packages/vue/dist/{PlinthHeader.vue.d.ts → PlinthMenuGroup.vue.d.ts}

@@ -1,12 +1,10 @@
 type __VLS_Props = {
-    /** The page's title, an <h1>. */
-    title: string;
+    /** The heading over the group's items, and the group's accessible name. */
+    label?: string;
 };
-type __VLS_Slots = {
-    /** The leading action, usually a back link or a menu button. */
-    leading?: () => unknown;
-    /** The trailing actions, usually icon buttons. */
-    actions?: () => unknown;
+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<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -0,0 +1,34 @@
+import { type MenuItemTone } from './menu';
+type __VLS_Props = {
+    /** The item's address; without it the item is a button. */
+    href?: string;
+    /** `danger` for an item that destroys or removes something. */
+    tone?: MenuItemTone;
+    /** A keyboard shortcut to show at the item's end, such as ⌘D. */
+    shortcut?: string;
+    /** Disables the item. */
+    disabled?: boolean;
+    /** The id of the menu a button item closes; the menu around it when missing. */
+    menu?: string;
+};
+declare var __VLS_7: {}, __VLS_9: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_7) => any;
+} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    menu: string;
+    tone: "neutral" | "danger";
+    href: string;
+    disabled: boolean;
+    shortcut: 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/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/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/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;