@ptbdynamic/plinth 0.0.0-stage → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (150) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +258 -2
  3. package/package.json +99 -4
  4. package/packages/css/dist/avatar.css +122 -0
  5. package/packages/css/dist/badge.css +76 -0
  6. package/packages/css/dist/button.css +273 -0
  7. package/packages/css/dist/callout.css +143 -0
  8. package/packages/css/dist/code-block.css +283 -0
  9. package/packages/css/dist/confirm-dialog.css +183 -0
  10. package/packages/css/dist/data-table.css +470 -0
  11. package/packages/css/dist/dialog.css +113 -0
  12. package/packages/css/dist/drawer.css +156 -0
  13. package/packages/css/dist/fonts/geist/LICENSE +93 -0
  14. package/packages/css/dist/fonts/geist/geist-cyrillic-ext-wght-normal.woff2 +0 -0
  15. package/packages/css/dist/fonts/geist/geist-cyrillic-wght-normal.woff2 +0 -0
  16. package/packages/css/dist/fonts/geist/geist-latin-ext-wght-normal.woff2 +0 -0
  17. package/packages/css/dist/fonts/geist/geist-latin-wght-normal.woff2 +0 -0
  18. package/packages/css/dist/fonts/geist/geist-vietnamese-wght-normal.woff2 +0 -0
  19. package/packages/css/dist/fonts/geist-mono/LICENSE +93 -0
  20. package/packages/css/dist/fonts/geist-mono/geist-mono-cyrillic-ext-wght-normal.woff2 +0 -0
  21. package/packages/css/dist/fonts/geist-mono/geist-mono-cyrillic-wght-normal.woff2 +0 -0
  22. package/packages/css/dist/fonts/geist-mono/geist-mono-latin-ext-wght-normal.woff2 +0 -0
  23. package/packages/css/dist/fonts/geist-mono/geist-mono-latin-wght-normal.woff2 +0 -0
  24. package/packages/css/dist/fonts/geist-mono/geist-mono-symbols2-wght-normal.woff2 +0 -0
  25. package/packages/css/dist/fonts/geist-mono/geist-mono-vietnamese-wght-normal.woff2 +0 -0
  26. package/packages/css/dist/fonts/index.css +109 -0
  27. package/packages/css/dist/header.css +110 -0
  28. package/packages/css/dist/icon.css +51 -0
  29. package/packages/css/dist/list-card.css +76 -0
  30. package/packages/css/dist/list-row.css +164 -0
  31. package/packages/css/dist/menu-sheet.css +84 -0
  32. package/packages/css/dist/menu.css +245 -0
  33. package/packages/css/dist/modal.css +367 -0
  34. package/packages/css/dist/page-header.css +124 -0
  35. package/packages/css/dist/pill-row.css +197 -0
  36. package/packages/css/dist/plinth.css +4446 -0
  37. package/packages/css/dist/section-menu.css +226 -0
  38. package/packages/css/dist/sheet.css +239 -0
  39. package/packages/css/dist/text-field.css +230 -0
  40. package/packages/css/dist/textarea.css +169 -0
  41. package/packages/css/dist/tokens.css +413 -0
  42. package/packages/react/dist/PlinthAvatar.d.ts +17 -0
  43. package/packages/react/dist/PlinthBadge.d.ts +7 -0
  44. package/packages/react/dist/PlinthButton.d.ts +29 -0
  45. package/packages/react/dist/PlinthCallout.d.ts +16 -0
  46. package/packages/react/dist/PlinthCodeBlock.d.ts +24 -0
  47. package/packages/react/dist/PlinthConfirmDialog.d.ts +38 -0
  48. package/packages/react/dist/PlinthDataTable.d.ts +11 -0
  49. package/packages/react/dist/PlinthDataTableCell.d.ts +15 -0
  50. package/packages/react/dist/PlinthDataTableColumn.d.ts +13 -0
  51. package/packages/react/dist/PlinthDataTableEmpty.d.ts +9 -0
  52. package/packages/react/dist/PlinthDataTableRow.d.ts +9 -0
  53. package/packages/react/dist/PlinthDataTableSort.d.ts +4 -0
  54. package/packages/react/dist/PlinthDialog.d.ts +26 -0
  55. package/packages/react/dist/PlinthDrawer.d.ts +29 -0
  56. package/packages/react/dist/PlinthIcon.d.ts +10 -0
  57. package/packages/react/dist/PlinthIconButton.d.ts +26 -0
  58. package/packages/react/dist/PlinthListCard.d.ts +14 -0
  59. package/packages/react/dist/PlinthListRow.d.ts +29 -0
  60. package/packages/react/dist/PlinthMenu.d.ts +12 -0
  61. package/packages/react/dist/PlinthMenuGroup.d.ts +9 -0
  62. package/packages/react/dist/PlinthMenuItem.d.ts +26 -0
  63. package/packages/react/dist/PlinthMenuSeparator.d.ts +4 -0
  64. package/packages/react/dist/PlinthMenuSheet.d.ts +24 -0
  65. package/packages/react/dist/PlinthPageHeader.d.ts +17 -0
  66. package/packages/react/dist/PlinthPill.d.ts +17 -0
  67. package/packages/react/dist/PlinthPillRow.d.ts +13 -0
  68. package/packages/react/dist/PlinthSectionMenu.d.ts +11 -0
  69. package/packages/react/dist/PlinthSectionMenuItem.d.ts +20 -0
  70. package/packages/react/dist/PlinthSheet.d.ts +26 -0
  71. package/packages/react/dist/PlinthTextField.d.ts +24 -0
  72. package/packages/react/dist/PlinthTextarea.d.ts +24 -0
  73. package/packages/react/dist/avatar.d.ts +12 -0
  74. package/packages/react/dist/button.d.ts +21 -0
  75. package/packages/react/dist/callout.d.ts +19 -0
  76. package/packages/react/dist/code-block.d.ts +16 -0
  77. package/packages/react/dist/confirm-dialog.d.ts +23 -0
  78. package/packages/react/dist/data-table.d.ts +15 -0
  79. package/packages/react/dist/dialog.d.ts +10 -0
  80. package/packages/react/dist/drawer.d.ts +20 -0
  81. package/packages/react/dist/heading.d.ts +5 -0
  82. package/packages/react/dist/icon.d.ts +5 -0
  83. package/packages/react/dist/index.d.ts +49 -0
  84. package/packages/react/dist/index.js +1326 -0
  85. package/packages/react/dist/list-row.d.ts +5 -0
  86. package/packages/react/dist/markup.d.ts +9 -0
  87. package/packages/react/dist/menu.d.ts +7 -0
  88. package/packages/react/dist/page-header.d.ts +5 -0
  89. package/packages/react/dist/sheet.d.ts +12 -0
  90. package/packages/react/dist/size.d.ts +13 -0
  91. package/packages/react/dist/swipe.d.ts +15 -0
  92. package/packages/react/dist/text-field.d.ts +10 -0
  93. package/packages/react/dist/tones.d.ts +5 -0
  94. package/packages/tokens/dist/index.d.ts +230 -0
  95. package/packages/tokens/dist/index.js +4091 -0
  96. package/packages/tokens/dist/tailwind-theme.css +80 -0
  97. package/packages/tokens/dist/tokens.css +413 -0
  98. package/packages/tokens/dist/tokens.json +3875 -0
  99. package/packages/vue/dist/PlinthAvatar.vue.d.ts +24 -0
  100. package/packages/vue/dist/PlinthBadge.vue.d.ts +21 -0
  101. package/packages/vue/dist/PlinthButton.vue.d.ts +42 -0
  102. package/packages/vue/dist/PlinthCallout.vue.d.ts +31 -0
  103. package/packages/vue/dist/PlinthCodeBlock.vue.d.ts +49 -0
  104. package/packages/vue/dist/PlinthConfirmDialog.vue.d.ts +51 -0
  105. package/packages/vue/dist/PlinthDataTable.vue.d.ts +21 -0
  106. package/packages/vue/dist/PlinthDataTableCell.vue.d.ts +29 -0
  107. package/packages/vue/dist/PlinthDataTableColumn.vue.d.ts +26 -0
  108. package/packages/vue/dist/PlinthDataTableEmpty.vue.d.ts +19 -0
  109. package/packages/vue/dist/PlinthDataTableRow.vue.d.ts +19 -0
  110. package/packages/vue/dist/PlinthDataTableSort.vue.d.ts +13 -0
  111. package/packages/vue/dist/PlinthDialog.vue.d.ts +45 -0
  112. package/packages/vue/dist/PlinthDrawer.vue.d.ts +48 -0
  113. package/packages/vue/dist/PlinthIcon.vue.d.ts +23 -0
  114. package/packages/vue/dist/PlinthIconButton.vue.d.ts +37 -0
  115. package/packages/vue/dist/PlinthListCard.vue.d.ts +26 -0
  116. package/packages/vue/dist/PlinthListRow.vue.d.ts +38 -0
  117. package/packages/vue/dist/PlinthMenu.vue.d.ts +24 -0
  118. package/packages/vue/dist/PlinthMenuGroup.vue.d.ts +17 -0
  119. package/packages/vue/dist/PlinthMenuItem.vue.d.ts +34 -0
  120. package/packages/vue/dist/PlinthMenuSeparator.vue.d.ts +3 -0
  121. package/packages/vue/dist/PlinthMenuSheet.vue.d.ts +48 -0
  122. package/packages/vue/dist/PlinthPageHeader.vue.d.ts +27 -0
  123. package/packages/vue/dist/PlinthPill.vue.d.ts +28 -0
  124. package/packages/vue/dist/PlinthPillRow.vue.d.ts +22 -0
  125. package/packages/vue/dist/PlinthSectionMenu.vue.d.ts +22 -0
  126. package/packages/vue/dist/PlinthSectionMenuItem.vue.d.ts +28 -0
  127. package/packages/vue/dist/PlinthSheet.vue.d.ts +45 -0
  128. package/packages/vue/dist/PlinthTextField.vue.d.ts +51 -0
  129. package/packages/vue/dist/PlinthTextarea.vue.d.ts +42 -0
  130. package/packages/vue/dist/avatar.d.ts +12 -0
  131. package/packages/vue/dist/button.d.ts +5 -0
  132. package/packages/vue/dist/callout.d.ts +19 -0
  133. package/packages/vue/dist/code-block.d.ts +16 -0
  134. package/packages/vue/dist/confirm-dialog.d.ts +23 -0
  135. package/packages/vue/dist/data-table.d.ts +15 -0
  136. package/packages/vue/dist/dialog.d.ts +10 -0
  137. package/packages/vue/dist/drawer.d.ts +20 -0
  138. package/packages/vue/dist/heading.d.ts +5 -0
  139. package/packages/vue/dist/icon.d.ts +5 -0
  140. package/packages/vue/dist/index.d.ts +53 -0
  141. package/packages/vue/dist/index.js +1732 -0
  142. package/packages/vue/dist/list-row.d.ts +5 -0
  143. package/packages/vue/dist/menu.d.ts +8 -0
  144. package/packages/vue/dist/page-header.d.ts +5 -0
  145. package/packages/vue/dist/sheet.d.ts +12 -0
  146. package/packages/vue/dist/size.d.ts +13 -0
  147. package/packages/vue/dist/slots.d.ts +3 -0
  148. package/packages/vue/dist/swipe.d.ts +12 -0
  149. package/packages/vue/dist/text-field.d.ts +10 -0
  150. package/packages/vue/dist/tones.d.ts +5 -0
@@ -0,0 +1,24 @@
1
+ import { type AvatarSize } from './avatar';
2
+ import { type Tone } from './tones';
3
+ type __VLS_Props = {
4
+ /** Whose avatar it is: the accessible name, and where initials come from. */
5
+ name?: string;
6
+ src?: string;
7
+ initials?: string;
8
+ size?: AvatarSize;
9
+ status?: Tone;
10
+ statusLabel?: string;
11
+ /** Hidden from screen readers, for an avatar next to the name it shows. */
12
+ decorative?: boolean;
13
+ };
14
+ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
15
+ name: string;
16
+ src: string;
17
+ initials: string;
18
+ size: "sm" | "md" | "lg" | "xl";
19
+ status: "neutral" | "success" | "warning" | "danger";
20
+ statusLabel: string;
21
+ decorative: boolean;
22
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
23
+ declare const _default: typeof __VLS_export;
24
+ export default _default;
@@ -0,0 +1,21 @@
1
+ import { type Tone } from './tones';
2
+ type __VLS_Props = {
3
+ tone?: Tone;
4
+ dot?: boolean;
5
+ };
6
+ declare var __VLS_1: {};
7
+ type __VLS_Slots = {} & {
8
+ default?: (props: typeof __VLS_1) => any;
9
+ };
10
+ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
11
+ tone: "neutral" | "success" | "warning" | "danger";
12
+ dot: boolean;
13
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
14
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
15
+ declare const _default: typeof __VLS_export;
16
+ export default _default;
17
+ type __VLS_WithSlots<T, S> = T & {
18
+ new (): {
19
+ $slots: S;
20
+ };
21
+ };
@@ -0,0 +1,42 @@
1
+ import { type ButtonVariant } from './button';
2
+ import { type ControlSize } from './size';
3
+ type __VLS_Props = {
4
+ variant?: ButtonVariant;
5
+ size?: ControlSize;
6
+ href?: string;
7
+ disabled?: boolean;
8
+ busy?: boolean;
9
+ mirrorIcon?: boolean;
10
+ mirrorTrailing?: boolean;
11
+ };
12
+ declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_11: {};
13
+ type __VLS_Slots = {} & {
14
+ icon?: (props: typeof __VLS_1) => any;
15
+ } & {
16
+ default?: (props: typeof __VLS_3) => any;
17
+ } & {
18
+ trailing?: (props: typeof __VLS_5) => any;
19
+ } & {
20
+ icon?: (props: typeof __VLS_7) => any;
21
+ } & {
22
+ default?: (props: typeof __VLS_9) => any;
23
+ } & {
24
+ trailing?: (props: typeof __VLS_11) => any;
25
+ };
26
+ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
27
+ size: "sm" | "md" | "lg";
28
+ variant: "danger" | "primary" | "accent" | "secondary" | "ghost" | "danger-ghost";
29
+ href: string;
30
+ disabled: boolean;
31
+ busy: boolean;
32
+ mirrorIcon: boolean;
33
+ mirrorTrailing: boolean;
34
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
35
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
36
+ declare const _default: typeof __VLS_export;
37
+ export default _default;
38
+ type __VLS_WithSlots<T, S> = T & {
39
+ new (): {
40
+ $slots: S;
41
+ };
42
+ };
@@ -0,0 +1,31 @@
1
+ import { type CalloutRole, type CalloutTone } from './callout';
2
+ type __VLS_Props = {
3
+ tone?: CalloutTone;
4
+ /** `note` for a note in the page; `status` or `alert` for a message the app adds. */
5
+ role?: CalloutRole;
6
+ /** A short title above the text (the title slot takes markup). */
7
+ title?: string;
8
+ };
9
+ declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
10
+ type __VLS_Slots = {} & {
11
+ icon?: (props: typeof __VLS_1) => any;
12
+ } & {
13
+ title?: (props: typeof __VLS_3) => any;
14
+ } & {
15
+ default?: (props: typeof __VLS_5) => any;
16
+ } & {
17
+ actions?: (props: typeof __VLS_7) => any;
18
+ };
19
+ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
20
+ title: string;
21
+ role: "status" | "note" | "alert";
22
+ tone: "neutral" | "success" | "warning" | "danger" | "info";
23
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
24
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
25
+ declare const _default: typeof __VLS_export;
26
+ export default _default;
27
+ type __VLS_WithSlots<T, S> = T & {
28
+ new (): {
29
+ $slots: S;
30
+ };
31
+ };
@@ -0,0 +1,49 @@
1
+ import { type CodeBlockTab } from './code-block';
2
+ type __VLS_Props = {
3
+ /** The root's id; the tabs' name is this id with -language. One is generated when missing. */
4
+ id?: string;
5
+ /** A file name or a short label above the code (the label slot takes markup). */
6
+ label?: string;
7
+ /** The highlighter's markup for the code (trusted, not escaped), in place of the slot. */
8
+ html?: string;
9
+ /** Language tabs (up to six), each with its own code; the slot is then not used. */
10
+ tabs?: CodeBlockTab[];
11
+ /** The tab that starts checked (later the browser keeps it); the first when unknown. */
12
+ selected?: string;
13
+ /** The tabs' accessible name. */
14
+ tabsLabel?: string;
15
+ /** Shows the copy button. */
16
+ copy?: boolean;
17
+ copyLabel?: string;
18
+ /** What the button and the status say for two seconds after copying. */
19
+ copiedLabel?: string;
20
+ };
21
+ declare var __VLS_1: {}, __VLS_13: {};
22
+ type __VLS_Slots = {} & {
23
+ label?: (props: typeof __VLS_1) => any;
24
+ } & {
25
+ default?: (props: typeof __VLS_13) => any;
26
+ };
27
+ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
28
+ copied: (text: string) => any;
29
+ }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
30
+ onCopied?: ((text: string) => any) | undefined;
31
+ }>, {
32
+ html: string;
33
+ label: string;
34
+ id: string;
35
+ tabs: CodeBlockTab[];
36
+ selected: string;
37
+ tabsLabel: string;
38
+ copy: boolean;
39
+ copyLabel: string;
40
+ copiedLabel: string;
41
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
42
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
43
+ declare const _default: typeof __VLS_export;
44
+ export default _default;
45
+ type __VLS_WithSlots<T, S> = T & {
46
+ new (): {
47
+ $slots: S;
48
+ };
49
+ };
@@ -0,0 +1,51 @@
1
+ import { type ConfirmDialogKind, type ConfirmDialogTone } from './confirm-dialog';
2
+ import { type DialogSidePhone } from './dialog';
3
+ type __VLS_Props = {
4
+ /** The dialog's id; one is generated when it is missing. */
5
+ id?: string;
6
+ /** The question, and the dialog's accessible name. */
7
+ title: string;
8
+ /** What happens if the person confirms, and the dialog's accessible description. */
9
+ message: string;
10
+ /** What it asks for: only a yes, a phrase typed exactly, or the person's password. */
11
+ kind?: ConfirmDialogKind;
12
+ /** The phrase to type, for the type-to-confirm kind. */
13
+ phrase?: string;
14
+ /** The field's label; `:phrase` shows the phrase in it. Each kind has a default. */
15
+ fieldLabel?: string;
16
+ /** The confirm button's label. */
17
+ confirmLabel?: string;
18
+ /** The cancel button's label. */
19
+ cancelLabel?: string;
20
+ /** danger makes the confirm button the danger variant, for a destructive action. */
21
+ tone?: ConfirmDialogTone;
22
+ /** A message under the field, set by the app (a wrong password). */
23
+ error?: string;
24
+ /** The confirm button is busy while the app checks. */
25
+ busy?: boolean;
26
+ /** How it shows below 768px: centred, or a bottom sheet. */
27
+ sidePhone?: DialogSidePhone;
28
+ };
29
+ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
30
+ /** Opens the dialog as a modal. */
31
+ showModal: () => void | undefined;
32
+ /** Closes the dialog; it fires `close`. Pass "confirm" once the app has checked a password. */
33
+ close: (returnValue?: string) => void | undefined;
34
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
35
+ close: (event: Event) => any;
36
+ }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
37
+ onClose?: ((event: Event) => any) | undefined;
38
+ }>, {
39
+ tone: "neutral" | "danger";
40
+ busy: boolean;
41
+ id: string;
42
+ kind: "type" | "password" | "simple";
43
+ phrase: string;
44
+ fieldLabel: string;
45
+ confirmLabel: string;
46
+ cancelLabel: string;
47
+ error: string;
48
+ sidePhone: "center" | "bottom";
49
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
50
+ declare const _default: typeof __VLS_export;
51
+ export default _default;
@@ -0,0 +1,21 @@
1
+ type __VLS_Props = {
2
+ /** The table's name, shown above it. Without it, name the table with aria-label. */
3
+ caption?: string;
4
+ };
5
+ declare var __VLS_1: {}, __VLS_3: {};
6
+ type __VLS_Slots = {} & {
7
+ head?: (props: typeof __VLS_1) => any;
8
+ } & {
9
+ default?: (props: typeof __VLS_3) => any;
10
+ };
11
+ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
12
+ caption: string;
13
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
14
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
15
+ declare const _default: typeof __VLS_export;
16
+ export default _default;
17
+ type __VLS_WithSlots<T, S> = T & {
18
+ new (): {
19
+ $slots: S;
20
+ };
21
+ };
@@ -0,0 +1,29 @@
1
+ import { type DataTableCellKind } from './data-table';
2
+ type __VLS_Props = {
3
+ /** The column's name, shown before the value on a phone's card. */
4
+ label?: string;
5
+ /** What the cell is on a phone's card: a labelled field, the card's title, or its actions. */
6
+ kind?: DataTableCellKind;
7
+ /** Numbers: aligned to the end, with figures of one width. */
8
+ numeric?: boolean;
9
+ /** Hidden on a phone's card; shown from 768px up. */
10
+ hideOnPhone?: boolean;
11
+ };
12
+ declare var __VLS_1: {};
13
+ type __VLS_Slots = {} & {
14
+ default?: (props: typeof __VLS_1) => any;
15
+ };
16
+ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
17
+ label: string;
18
+ kind: "title" | "actions" | "field";
19
+ numeric: boolean;
20
+ hideOnPhone: boolean;
21
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
22
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
23
+ declare const _default: typeof __VLS_export;
24
+ export default _default;
25
+ type __VLS_WithSlots<T, S> = T & {
26
+ new (): {
27
+ $slots: S;
28
+ };
29
+ };
@@ -0,0 +1,26 @@
1
+ import { type DataTableSort } from './data-table';
2
+ type __VLS_Props = {
3
+ /** A sortable column's state, printed as aria-sort; put a PlinthDataTableSort in the slot. */
4
+ sort?: DataTableSort;
5
+ /** Numbers: aligned to the end, with figures of one width. */
6
+ numeric?: boolean;
7
+ /** Hidden on a phone's card; shown from 768px up. Give the column's cells the same. */
8
+ hideOnPhone?: boolean;
9
+ };
10
+ declare var __VLS_1: {};
11
+ type __VLS_Slots = {} & {
12
+ default?: (props: typeof __VLS_1) => any;
13
+ };
14
+ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
15
+ sort: "none" | "ascending" | "descending";
16
+ numeric: boolean;
17
+ hideOnPhone: boolean;
18
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
19
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
20
+ declare const _default: typeof __VLS_export;
21
+ export default _default;
22
+ type __VLS_WithSlots<T, S> = T & {
23
+ new (): {
24
+ $slots: S;
25
+ };
26
+ };
@@ -0,0 +1,19 @@
1
+ type __VLS_Props = {
2
+ /** How many columns the table has; the empty cell spans them all. */
3
+ columns?: number | string;
4
+ };
5
+ declare var __VLS_1: {};
6
+ type __VLS_Slots = {} & {
7
+ default?: (props: typeof __VLS_1) => any;
8
+ };
9
+ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
10
+ columns: string | number;
11
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
12
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
13
+ declare const _default: typeof __VLS_export;
14
+ export default _default;
15
+ type __VLS_WithSlots<T, S> = T & {
16
+ new (): {
17
+ $slots: S;
18
+ };
19
+ };
@@ -0,0 +1,19 @@
1
+ type __VLS_Props = {
2
+ /** A selectable row's state, printed as aria-selected; leave it out when rows can't be selected. */
3
+ selected?: boolean;
4
+ };
5
+ declare var __VLS_1: {};
6
+ type __VLS_Slots = {} & {
7
+ default?: (props: typeof __VLS_1) => any;
8
+ };
9
+ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
10
+ selected: boolean;
11
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
12
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
13
+ declare const _default: typeof __VLS_export;
14
+ export default _default;
15
+ type __VLS_WithSlots<T, S> = T & {
16
+ new (): {
17
+ $slots: S;
18
+ };
19
+ };
@@ -0,0 +1,13 @@
1
+ declare var __VLS_1: {};
2
+ type __VLS_Slots = {} & {
3
+ default?: (props: typeof __VLS_1) => any;
4
+ };
5
+ declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
6
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
7
+ declare const _default: typeof __VLS_export;
8
+ export default _default;
9
+ type __VLS_WithSlots<T, S> = T & {
10
+ new (): {
11
+ $slots: S;
12
+ };
13
+ };
@@ -0,0 +1,45 @@
1
+ import { type DialogSidePhone } from './dialog';
2
+ type __VLS_Props = {
3
+ /** The dialog's id; one is generated when it is missing. */
4
+ id?: string;
5
+ /** The heading, and the dialog's accessible name. */
6
+ title: string;
7
+ /** A line under the title, and the dialog's accessible description. */
8
+ description?: string;
9
+ /** The close button's accessible name. */
10
+ closeLabel?: string;
11
+ /** Whether the close button, Escape and the backdrop close it; false makes an alert dialog. */
12
+ dismissible?: boolean;
13
+ /** How it shows below 768px: centred, or a bottom sheet. */
14
+ sidePhone?: DialogSidePhone;
15
+ };
16
+ declare var __VLS_7: {}, __VLS_9: {};
17
+ type __VLS_Slots = {} & {
18
+ default?: (props: typeof __VLS_7) => any;
19
+ } & {
20
+ footer?: (props: typeof __VLS_9) => any;
21
+ };
22
+ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
23
+ /** Opens the dialog as a modal. */
24
+ showModal: () => void | undefined;
25
+ /** Closes the dialog; it fires `close`. */
26
+ close: () => void | undefined;
27
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
28
+ close: (event: Event) => any;
29
+ }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
30
+ onClose?: ((event: Event) => any) | undefined;
31
+ }>, {
32
+ id: string;
33
+ sidePhone: "center" | "bottom";
34
+ description: string;
35
+ closeLabel: string;
36
+ dismissible: boolean;
37
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
38
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
39
+ declare const _default: typeof __VLS_export;
40
+ export default _default;
41
+ type __VLS_WithSlots<T, S> = T & {
42
+ new (): {
43
+ $slots: S;
44
+ };
45
+ };
@@ -0,0 +1,48 @@
1
+ import { type DrawerDesktop, type DrawerSnap } from './drawer';
2
+ type __VLS_Props = {
3
+ /** The dialog's id; one is generated when it is missing. */
4
+ id?: string;
5
+ /** The heading, and the drawer's accessible name. */
6
+ title: string;
7
+ /** A line under the title, and the drawer's accessible description. */
8
+ description?: string;
9
+ /** The close button's accessible name. */
10
+ closeLabel?: string;
11
+ /** Its presentation from 768px up: a dialog or a sheet. */
12
+ desktop?: DrawerDesktop;
13
+ /** Where it can rest on a phone (a list, or a string separated by spaces); none for as tall as its content. */
14
+ snapPoints?: readonly DrawerSnap[] | string;
15
+ /** The snap point it opens at; the largest listed when it is missing. */
16
+ snap?: DrawerSnap;
17
+ };
18
+ declare var __VLS_7: {}, __VLS_9: {};
19
+ type __VLS_Slots = {} & {
20
+ default?: (props: typeof __VLS_7) => any;
21
+ } & {
22
+ footer?: (props: typeof __VLS_9) => any;
23
+ };
24
+ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
25
+ /** Opens the drawer as a modal dialog. */
26
+ showModal: () => void | undefined;
27
+ /** Closes the drawer; the dialog fires `close`. */
28
+ close: () => void | undefined;
29
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
30
+ close: (event: Event) => any;
31
+ }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
32
+ onClose?: ((event: Event) => any) | undefined;
33
+ }>, {
34
+ id: string;
35
+ snap: "peek" | "half" | "full";
36
+ description: string;
37
+ closeLabel: string;
38
+ desktop: "dialog" | "sheet";
39
+ snapPoints: string | readonly ("peek" | "half" | "full")[];
40
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
41
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
42
+ declare const _default: typeof __VLS_export;
43
+ export default _default;
44
+ type __VLS_WithSlots<T, S> = T & {
45
+ new (): {
46
+ $slots: S;
47
+ };
48
+ };
@@ -0,0 +1,23 @@
1
+ import { type IconSize } from './icon';
2
+ type __VLS_Props = {
3
+ size?: IconSize;
4
+ label?: string;
5
+ mirror?: boolean;
6
+ };
7
+ declare var __VLS_1: {};
8
+ type __VLS_Slots = {} & {
9
+ default?: (props: typeof __VLS_1) => any;
10
+ };
11
+ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
12
+ size: "sm" | "md" | "lg";
13
+ label: string;
14
+ mirror: boolean;
15
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
16
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
17
+ declare const _default: typeof __VLS_export;
18
+ export default _default;
19
+ type __VLS_WithSlots<T, S> = T & {
20
+ new (): {
21
+ $slots: S;
22
+ };
23
+ };
@@ -0,0 +1,37 @@
1
+ import { type ButtonVariant } from './button';
2
+ import { type ControlSize } from './size';
3
+ type __VLS_Props = {
4
+ /** The accessible name: required, since the button has no visible text. */
5
+ label: string;
6
+ variant?: ButtonVariant;
7
+ size?: ControlSize;
8
+ href?: string;
9
+ disabled?: boolean;
10
+ busy?: boolean;
11
+ /** Makes it a toggle: true or false prints aria-pressed. */
12
+ pressed?: boolean | null;
13
+ mirror?: boolean;
14
+ };
15
+ declare var __VLS_1: {}, __VLS_3: {};
16
+ type __VLS_Slots = {} & {
17
+ default?: (props: typeof __VLS_1) => any;
18
+ } & {
19
+ default?: (props: typeof __VLS_3) => any;
20
+ };
21
+ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
22
+ size: "sm" | "md" | "lg";
23
+ variant: "danger" | "primary" | "accent" | "secondary" | "ghost" | "danger-ghost";
24
+ href: string;
25
+ disabled: boolean;
26
+ busy: boolean;
27
+ pressed: boolean | null;
28
+ mirror: boolean;
29
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
30
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
31
+ declare const _default: typeof __VLS_export;
32
+ export default _default;
33
+ type __VLS_WithSlots<T, S> = T & {
34
+ new (): {
35
+ $slots: S;
36
+ };
37
+ };
@@ -0,0 +1,26 @@
1
+ import { type HeadingLevel } from './heading';
2
+ type __VLS_Props = {
3
+ /** A heading above the card. */
4
+ heading?: string;
5
+ /** The heading's element, h2 to h6. */
6
+ headingLevel?: HeadingLevel;
7
+ /** A note under the card. */
8
+ footer?: string;
9
+ };
10
+ declare var __VLS_7: {};
11
+ type __VLS_Slots = {} & {
12
+ default?: (props: typeof __VLS_7) => any;
13
+ };
14
+ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
15
+ footer: string;
16
+ heading: string;
17
+ headingLevel: "h2" | "h3" | "h4" | "h5" | "h6";
18
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
19
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
20
+ declare const _default: typeof __VLS_export;
21
+ export default _default;
22
+ type __VLS_WithSlots<T, S> = T & {
23
+ new (): {
24
+ $slots: S;
25
+ };
26
+ };
@@ -0,0 +1,38 @@
1
+ type __VLS_Props = {
2
+ /** A second line under the title. */
3
+ description?: string;
4
+ /** The row's own chevron, at the end, for a row that opens something. */
5
+ chevron?: boolean;
6
+ /** Renders the row as a link. */
7
+ href?: string;
8
+ /** Renders the row as a button, when it has no href. */
9
+ button?: boolean;
10
+ /** The row for the page being shown: aria-current="page", on a link or static row. */
11
+ current?: boolean;
12
+ /** Disables a link or button row. */
13
+ disabled?: boolean;
14
+ };
15
+ declare var __VLS_7: {}, __VLS_9: {}, __VLS_11: {};
16
+ type __VLS_Slots = {} & {
17
+ leading?: (props: typeof __VLS_7) => any;
18
+ } & {
19
+ default?: (props: typeof __VLS_9) => any;
20
+ } & {
21
+ trailing?: (props: typeof __VLS_11) => any;
22
+ };
23
+ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
24
+ button: boolean;
25
+ href: string;
26
+ disabled: boolean;
27
+ description: string;
28
+ chevron: boolean;
29
+ current: boolean;
30
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
31
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
32
+ declare const _default: typeof __VLS_export;
33
+ export default _default;
34
+ type __VLS_WithSlots<T, S> = T & {
35
+ new (): {
36
+ $slots: S;
37
+ };
38
+ };
@@ -0,0 +1,24 @@
1
+ type __VLS_Props = {
2
+ /** The menu's id, which its button names in popovertarget. */
3
+ id: string;
4
+ };
5
+ declare var __VLS_1: {};
6
+ type __VLS_Slots = {} & {
7
+ default?: (props: typeof __VLS_1) => any;
8
+ };
9
+ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
10
+ /** Opens the menu next to `source`, the button it belongs to. */
11
+ showPopover: (options: {
12
+ source: HTMLElement;
13
+ }) => void | undefined;
14
+ /** Closes the menu. */
15
+ hidePopover: () => void | undefined;
16
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
17
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
18
+ declare const _default: typeof __VLS_export;
19
+ export default _default;
20
+ type __VLS_WithSlots<T, S> = T & {
21
+ new (): {
22
+ $slots: S;
23
+ };
24
+ };
@@ -0,0 +1,17 @@
1
+ type __VLS_Props = {
2
+ /** The heading over the group's items, and the group's accessible name. */
3
+ label?: string;
4
+ };
5
+ declare var __VLS_1: {};
6
+ type __VLS_Slots = {} & {
7
+ default?: (props: typeof __VLS_1) => any;
8
+ };
9
+ 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>;
10
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
11
+ declare const _default: typeof __VLS_export;
12
+ export default _default;
13
+ type __VLS_WithSlots<T, S> = T & {
14
+ new (): {
15
+ $slots: S;
16
+ };
17
+ };
@@ -0,0 +1,34 @@
1
+ import { type MenuItemTone } from './menu';
2
+ type __VLS_Props = {
3
+ /** The item's address; without it the item is a button. */
4
+ href?: string;
5
+ /** `danger` for an item that destroys or removes something. */
6
+ tone?: MenuItemTone;
7
+ /** A keyboard shortcut to show at the item's end, such as ⌘D. */
8
+ shortcut?: string;
9
+ /** Disables the item. */
10
+ disabled?: boolean;
11
+ /** The id of the menu a button item closes; the menu around it when missing. */
12
+ menu?: string;
13
+ };
14
+ declare var __VLS_7: {}, __VLS_9: {};
15
+ type __VLS_Slots = {} & {
16
+ icon?: (props: typeof __VLS_7) => any;
17
+ } & {
18
+ default?: (props: typeof __VLS_9) => any;
19
+ };
20
+ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
21
+ menu: string;
22
+ tone: "neutral" | "danger";
23
+ href: string;
24
+ disabled: boolean;
25
+ shortcut: string;
26
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
27
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
28
+ declare const _default: typeof __VLS_export;
29
+ export default _default;
30
+ type __VLS_WithSlots<T, S> = T & {
31
+ new (): {
32
+ $slots: S;
33
+ };
34
+ };