@threadlabs/looma 0.37.1 → 0.37.3

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.
package/docs/README.md CHANGED
@@ -12,12 +12,12 @@ In a project with a `package.json`, install Looma and its documentation tools:
12
12
 
13
13
  ```sh
14
14
  pnpm add @threadlabs/looma @nextwebwg/html-next@1.0.0-alpha.69
15
- pnpm add -D markupress @nextwebwg/htmlkit@1.0.0-alpha.69 vite
15
+ pnpm add -D markupress@^0.9.0 @nextwebwg/htmlkit@1.0.0-alpha.69 vite
16
16
  pnpm exec looma-docs init --title "The Fellowship"
17
17
  pnpm exec looma-docs dev
18
18
  ```
19
19
 
20
- Use the tool versions accepted by Looma's optional peer dependencies (Markupress 0.8.7 or newer on the supported 0.8 line). Regular component imports do not load the documentation server. Vue and Tiptap remain optional; install them when your own authored documentation mounts the Vue editor.
20
+ Use the tool versions accepted by Looma's optional peer dependencies. Markupress 0.9 supplies the current documentation theme, including one appearance button that cycles Automatic, Light and Dark. Regular component imports do not load the documentation server. Vue and Tiptap remain optional; install them when your own authored documentation mounts the Vue editor.
21
21
 
22
22
  Initialization creates three project-owned files:
23
23
 
@@ -29,6 +29,8 @@ Initialization creates three project-owned files:
29
29
 
30
30
  Import `./looma.theme.css` after Looma's tokens and palette in your application's entry point. The initializer prints that import; it leaves existing application files intact. Commit the configuration, recipe and CSS. Add `.looma/` to your project's ignore file: it contains disposable generated documentation and tooling files.
31
31
 
32
+ The CSS includes generated derivation rules as well as values. Re-export or save your recipe after a Looma upgrade to adopt updated rules.
33
+
32
34
  Open the local address printed by `dev`, choose **Customize**, and save your theme. Saving updates those shared theme files and rebuilds the documentation. Your application consumes the same CSS import. A static or public site instead offers CSS and recipe downloads.
33
35
 
34
36
  ```sh
package/docs/catalog.json CHANGED
@@ -448,7 +448,7 @@
448
448
  ],
449
449
  "schemaVersion": 1,
450
450
  "package": "@threadlabs/looma",
451
- "version": "0.37.1",
451
+ "version": "0.37.3",
452
452
  "groups": [
453
453
  {
454
454
  "id": "layout",
@@ -3699,7 +3699,7 @@
3699
3699
  {
3700
3700
  "name": "size",
3701
3701
  "property": "size",
3702
- "description": "Aligns the checkbox with fields and buttons of the same size. It keeps its box size; the label takes that size's field type size and its first line centres in that control height (sm 2rem, lg 3rem by default), so in a row of inputs, selects, and buttons of one size it shares their height and their text baseline. Under a coarse pointer an sm row grows to the 44px touch minimum, as they do. md is the standard layout.",
3702
+ "description": "Aligns the checkbox with fields and buttons of the same size. It keeps its box size; the label takes that size's field type size and its first line centres in that control height (sm 2rem, lg 3rem by default), so in a row of inputs, selects, and buttons of one size it shares their height and their text baseline. Touch input keeps the same visible alignment. md is the standard layout.",
3703
3703
  "type": "keyword",
3704
3704
  "default": "md",
3705
3705
  "options": [
@@ -3761,7 +3761,7 @@
3761
3761
  },
3762
3762
  {
3763
3763
  "name": "size",
3764
- "description": "Aligns the checkbox with fields and buttons of the same size. It keeps its box size; the label takes that size's field type size and its first line centres in that control height (sm 2rem, lg 3rem by default), so in a row of inputs, selects, and buttons of one size it shares their height and their text baseline. Under a coarse pointer an sm row grows to the 44px touch minimum, as they do. md is the standard layout.",
3764
+ "description": "Aligns the checkbox with fields and buttons of the same size. It keeps its box size; the label takes that size's field type size and its first line centres in that control height (sm 2rem, lg 3rem by default), so in a row of inputs, selects, and buttons of one size it shares their height and their text baseline. Touch input keeps the same visible alignment. md is the standard layout.",
3765
3765
  "type": "\"sm\" | \"md\" | \"lg\"",
3766
3766
  "default": "md",
3767
3767
  "options": [
@@ -4998,7 +4998,7 @@
4998
4998
  {
4999
4999
  "name": "size",
5000
5000
  "property": "size",
5001
- "description": "Field height, padding, and type size, matching Button's sizes so a field and a button of one size share a row. sm is the small control height (2rem by default) with smaller text, for compact rows such as a table row or a filter bar; md is the standard control height; lg is taller with roomier padding. Under a coarse pointer, sm grows to the 44px touch minimum and keeps body-size text. The label keeps its size.",
5001
+ "description": "Field height, padding, and type size, matching Button's sizes so a field and a button of one size share a row. sm is the small control height (2rem by default) with smaller text, for compact rows such as a table row or a filter bar; md is the standard control height; lg is taller with roomier padding. Touch input keeps body-size field text without inflating the visible size ladder. The label keeps its size.",
5002
5002
  "type": "keyword",
5003
5003
  "default": "md",
5004
5004
  "options": [
@@ -5230,7 +5230,7 @@
5230
5230
  },
5231
5231
  {
5232
5232
  "name": "size",
5233
- "description": "Field height, padding, and type size, matching Button's sizes so a field and a button of one size share a row. sm is the small control height (2rem by default) with smaller text, for compact rows such as a table row or a filter bar; md is the standard control height; lg is taller with roomier padding. Under a coarse pointer, sm grows to the 44px touch minimum and keeps body-size text. The label keeps its size.",
5233
+ "description": "Field height, padding, and type size, matching Button's sizes so a field and a button of one size share a row. sm is the small control height (2rem by default) with smaller text, for compact rows such as a table row or a filter bar; md is the standard control height; lg is taller with roomier padding. Touch input keeps body-size field text without inflating the visible size ladder. The label keeps its size.",
5234
5234
  "type": "\"sm\" | \"md\" | \"lg\"",
5235
5235
  "default": "md",
5236
5236
  "options": [
@@ -13772,7 +13772,7 @@
13772
13772
  {
13773
13773
  "name": "size",
13774
13774
  "property": "size",
13775
- "description": "Height, padding, and type size, matching Button's sizes so a field and a button of one size share a row. sm is the small control height (2rem by default) with smaller text, for compact rows such as a table row or a filter bar; md is the standard control height; lg is taller with roomier padding. Under a coarse pointer, sm grows to the 44px touch minimum and keeps body-size text. Change it after render through this option; the element's size property is the native one.",
13775
+ "description": "Height, padding, and type size, matching Button's sizes so a field and a button of one size share a row. sm is the small control height (2rem by default) with smaller text, for compact rows such as a table row or a filter bar; md is the standard control height; lg is taller with roomier padding. Touch input keeps body-size field text without inflating the visible size ladder. Change it after render through this option; the element's size property is the native one.",
13776
13776
  "type": "keyword",
13777
13777
  "default": "md",
13778
13778
  "options": [
@@ -13839,7 +13839,7 @@
13839
13839
  },
13840
13840
  {
13841
13841
  "name": "size",
13842
- "description": "Height, padding, and type size, matching Button's sizes so a field and a button of one size share a row. sm is the small control height (2rem by default) with smaller text, for compact rows such as a table row or a filter bar; md is the standard control height; lg is taller with roomier padding. Under a coarse pointer, sm grows to the 44px touch minimum and keeps body-size text. Change it after render through this option; the element's size property is the native one.",
13842
+ "description": "Height, padding, and type size, matching Button's sizes so a field and a button of one size share a row. sm is the small control height (2rem by default) with smaller text, for compact rows such as a table row or a filter bar; md is the standard control height; lg is taller with roomier padding. Touch input keeps body-size field text without inflating the visible size ladder. Change it after render through this option; the element's size property is the native one.",
13843
13843
  "type": "\"sm\" | \"md\" | \"lg\"",
13844
13844
  "default": "md",
13845
13845
  "options": [
@@ -17675,7 +17675,7 @@
17675
17675
  {
17676
17676
  "name": "size",
17677
17677
  "property": "size",
17678
- "description": "Aligns the radio with fields and buttons of the same size. It keeps its box size; the label takes that size's field type size and its first line centres in that control height (sm 2rem, lg 3rem by default), so in a row of inputs, selects, and buttons of one size it shares their height and their text baseline. Under a coarse pointer an sm row grows to the 44px touch minimum, as they do. md is the standard layout.",
17678
+ "description": "Aligns the radio with fields and buttons of the same size. It keeps its box size; the label takes that size's field type size and its first line centres in that control height (sm 2rem, lg 3rem by default), so in a row of inputs, selects, and buttons of one size it shares their height and their text baseline. Touch input keeps the same visible alignment. md is the standard layout.",
17679
17679
  "type": "keyword",
17680
17680
  "default": "md",
17681
17681
  "options": [
@@ -17719,7 +17719,7 @@
17719
17719
  },
17720
17720
  {
17721
17721
  "name": "size",
17722
- "description": "Aligns the radio with fields and buttons of the same size. It keeps its box size; the label takes that size's field type size and its first line centres in that control height (sm 2rem, lg 3rem by default), so in a row of inputs, selects, and buttons of one size it shares their height and their text baseline. Under a coarse pointer an sm row grows to the 44px touch minimum, as they do. md is the standard layout.",
17722
+ "description": "Aligns the radio with fields and buttons of the same size. It keeps its box size; the label takes that size's field type size and its first line centres in that control height (sm 2rem, lg 3rem by default), so in a row of inputs, selects, and buttons of one size it shares their height and their text baseline. Touch input keeps the same visible alignment. md is the standard layout.",
17723
17723
  "type": "\"sm\" | \"md\" | \"lg\"",
17724
17724
  "default": "md",
17725
17725
  "options": [
@@ -19443,7 +19443,7 @@
19443
19443
  {
19444
19444
  "name": "size",
19445
19445
  "property": "size",
19446
- "description": "Height, padding, chevron, and type size, matching Button's sizes so a field and a button of one size share a row. sm is the small control height (2rem by default) with smaller text and a smaller chevron, for compact rows such as a table row or a filter bar; md is the standard control height; lg is taller with roomier padding. Under a coarse pointer, sm grows to the 44px touch minimum and keeps body-size text. It is not the native size attribute: a select is always a single-choice dropdown. Change it after render through this option; the element's size property is the native one.",
19446
+ "description": "Height, padding, chevron, and type size, matching Button's sizes so a field and a button of one size share a row. sm is the small control height (2rem by default) with smaller text and a smaller chevron, for compact rows such as a table row or a filter bar; md is the standard control height; lg is taller with roomier padding. Touch input keeps body-size field text without inflating the visible size ladder. It is not the native size attribute: a select is always a single-choice dropdown. Change it after render through this option; the element's size property is the native one.",
19447
19447
  "type": "keyword",
19448
19448
  "default": "md",
19449
19449
  "options": [
@@ -19480,7 +19480,7 @@
19480
19480
  },
19481
19481
  {
19482
19482
  "name": "size",
19483
- "description": "Height, padding, chevron, and type size, matching Button's sizes so a field and a button of one size share a row. sm is the small control height (2rem by default) with smaller text and a smaller chevron, for compact rows such as a table row or a filter bar; md is the standard control height; lg is taller with roomier padding. Under a coarse pointer, sm grows to the 44px touch minimum and keeps body-size text. It is not the native size attribute: a select is always a single-choice dropdown. Change it after render through this option; the element's size property is the native one.",
19483
+ "description": "Height, padding, chevron, and type size, matching Button's sizes so a field and a button of one size share a row. sm is the small control height (2rem by default) with smaller text and a smaller chevron, for compact rows such as a table row or a filter bar; md is the standard control height; lg is taller with roomier padding. Touch input keeps body-size field text without inflating the visible size ladder. It is not the native size attribute: a select is always a single-choice dropdown. Change it after render through this option; the element's size property is the native one.",
19484
19484
  "type": "\"sm\" | \"md\" | \"lg\"",
19485
19485
  "default": "md",
19486
19486
  "options": [
@@ -21057,7 +21057,7 @@
21057
21057
  {
21058
21058
  "name": "size",
21059
21059
  "property": "size",
21060
- "description": "Aligns the switch with fields and buttons of the same size. It keeps its track size; the label takes that size's field type size and its first line centres in that control height (sm 2rem, lg 3rem by default), so in a row of inputs, selects, and buttons of one size it shares their height and their text baseline. Under a coarse pointer an sm row grows to the 44px touch minimum, as they do. md is the standard layout.",
21060
+ "description": "Aligns the switch with fields and buttons of the same size. It keeps its track size; the label takes that size's field type size and its first line centres in that control height (sm 2rem, lg 3rem by default), so in a row of inputs, selects, and buttons of one size it shares their height and their text baseline. Touch input keeps the same visible alignment. md is the standard layout.",
21061
21061
  "type": "keyword",
21062
21062
  "default": "md",
21063
21063
  "options": [
@@ -21101,7 +21101,7 @@
21101
21101
  },
21102
21102
  {
21103
21103
  "name": "size",
21104
- "description": "Aligns the switch with fields and buttons of the same size. It keeps its track size; the label takes that size's field type size and its first line centres in that control height (sm 2rem, lg 3rem by default), so in a row of inputs, selects, and buttons of one size it shares their height and their text baseline. Under a coarse pointer an sm row grows to the 44px touch minimum, as they do. md is the standard layout.",
21104
+ "description": "Aligns the switch with fields and buttons of the same size. It keeps its track size; the label takes that size's field type size and its first line centres in that control height (sm 2rem, lg 3rem by default), so in a row of inputs, selects, and buttons of one size it shares their height and their text baseline. Touch input keeps the same visible alignment. md is the standard layout.",
21105
21105
  "type": "\"sm\" | \"md\" | \"lg\"",
21106
21106
  "default": "md",
21107
21107
  "options": [
@@ -11492,10 +11492,7 @@ function getDefaultEditorExtensions(options = {}) {
11492
11492
  LoomaSmartPaste,
11493
11493
  codeBlockNodeView ? codeBlock.extend({ addNodeView: () => codeBlockNodeView }) : codeBlock,
11494
11494
  Typography,
11495
- Placeholder.configure({
11496
- placeholder: ({ node }) => node.type.name === "paragraph" ? placeholder : "",
11497
- emptyNodeClass: "is-editor-empty"
11498
- }),
11495
+ Placeholder.configure({ placeholder: ({ node }) => node.type.name === "paragraph" ? placeholder : "" }),
11499
11496
  ...mention ? [mention] : [],
11500
11497
  LoomaTableKit,
11501
11498
  LoomaListBehavior,
@@ -15,7 +15,7 @@ export type LoomaCodeLanguages = NonNullable<Parameters<typeof createLowlight>[0
15
15
  export interface DefaultEditorExtensionsOptions {
16
16
  /** Replaceable display data; updating it must use setReferenceDisplay, never setContent. */
17
17
  references?: LoomaReferenceMap;
18
- /** Placeholder shown only for empty paragraphs, not every empty node type. */
18
+ /** Writing prompt displayed in an empty paragraph only while the document is empty. */
19
19
  placeholder?: string;
20
20
  /** Passed to Tiptap Link; defaults false to keep editing clicks in the editor. */
21
21
  linkOpenOnClick?: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@threadlabs/looma",
3
- "version": "0.37.1",
3
+ "version": "0.37.3",
4
4
  "type": "module",
5
5
  "description": "Looma components as HTML, Vue, and plain DOM, with design tokens.",
6
6
  "license": "MIT",
@@ -88,7 +88,7 @@ const propValidityContract = {
88
88
  required: false,
89
89
  target: { attribute: 'size' },
90
90
  description:
91
- 'Aligns the checkbox with fields and buttons of the same size. It keeps its box size; the label takes that size\'s field type size and its first line centres\n in that control height (sm 2rem, lg 3rem by default), so in a row of inputs, selects, and buttons of one size it shares their height and their text\n baseline. Under a coarse pointer an sm row grows to the 44px touch minimum, as they do. md is the standard layout.',
91
+ 'Aligns the checkbox with fields and buttons of the same size. It keeps its box size; the label takes that size\'s field type size and its first line centres\n in that control height (sm 2rem, lg 3rem by default), so in a row of inputs, selects, and buttons of one size it shares their height and their text\n baseline. Touch input keeps the same visible alignment. md is the standard layout.',
92
92
  values: ['sm', 'md', 'lg'],
93
93
  default: 'md',
94
94
  },
@@ -258,7 +258,7 @@ const propValidityContract = {
258
258
  required: false,
259
259
  target: { attribute: 'size' },
260
260
  description:
261
- 'Field height, padding, and type size, matching Button\'s sizes so a field and a button of one size share a row. sm is the small control height (2rem by\n default) with smaller text, for compact rows such as a table row or a filter bar; md is the standard control height; lg is taller with roomier padding.\n Under a coarse pointer, sm grows to the 44px touch minimum and keeps body-size text. The label keeps its size.',
261
+ 'Field height, padding, and type size, matching Button\'s sizes so a field and a button of one size share a row. sm is the small control height (2rem by\n default) with smaller text, for compact rows such as a table row or a filter bar; md is the standard control height; lg is taller with roomier padding.\n Touch input keeps body-size field text without inflating the visible size ladder. The label keeps its size.',
262
262
  values: ['sm', 'md', 'lg'],
263
263
  default: 'md',
264
264
  },
package/vue/UiInput.vue CHANGED
@@ -81,7 +81,7 @@ const propValidityContract = {
81
81
  required: false,
82
82
  target: { attribute: 'size' },
83
83
  description:
84
- 'Height, padding, and type size, matching Button\'s sizes so a field and a button of one size share a row. sm is the small control height (2rem by default)\n with smaller text, for compact rows such as a table row or a filter bar; md is the standard control height; lg is taller with roomier padding. Under a\n coarse pointer, sm grows to the 44px touch minimum and keeps body-size text. Change it after render through this option; the element\'s size property is\n the native one.',
84
+ 'Height, padding, and type size, matching Button\'s sizes so a field and a button of one size share a row. sm is the small control height (2rem by default)\n with smaller text, for compact rows such as a table row or a filter bar; md is the standard control height; lg is taller with roomier padding. Touch input\n keeps body-size field text without inflating the visible size ladder. Change it after render through this option; the element\'s size property is the\n native one.',
85
85
  values: ['sm', 'md', 'lg'],
86
86
  default: 'md',
87
87
  },
package/vue/UiRadio.vue CHANGED
@@ -65,7 +65,7 @@ const propValidityContract = {
65
65
  required: false,
66
66
  target: { attribute: 'size' },
67
67
  description:
68
- 'Aligns the radio with fields and buttons of the same size. It keeps its box size; the label takes that size\'s field type size and its first line centres in\n that control height (sm 2rem, lg 3rem by default), so in a row of inputs, selects, and buttons of one size it shares their height and their text baseline.\n Under a coarse pointer an sm row grows to the 44px touch minimum, as they do. md is the standard layout.',
68
+ 'Aligns the radio with fields and buttons of the same size. It keeps its box size; the label takes that size\'s field type size and its first line centres in\n that control height (sm 2rem, lg 3rem by default), so in a row of inputs, selects, and buttons of one size it shares their height and their text baseline.\n Touch input keeps the same visible alignment. md is the standard layout.',
69
69
  values: ['sm', 'md', 'lg'],
70
70
  default: 'md',
71
71
  },
package/vue/UiSelect.vue CHANGED
@@ -53,7 +53,7 @@ const propValidityContract = {
53
53
  required: false,
54
54
  target: { attribute: 'size' },
55
55
  description:
56
- 'Height, padding, chevron, and type size, matching Button\'s sizes so a field and a button of one size share a row. sm is the small control height (2rem by\n default) with smaller text and a smaller chevron, for compact rows such as a table row or a filter bar; md is the standard control height; lg is taller\n with roomier padding. Under a coarse pointer, sm grows to the 44px touch minimum and keeps body-size text. It is not the native size attribute: a select\n is always a single-choice dropdown. Change it after render through this option; the element\'s size property is the native one.',
56
+ 'Height, padding, chevron, and type size, matching Button\'s sizes so a field and a button of one size share a row. sm is the small control height (2rem by\n default) with smaller text and a smaller chevron, for compact rows such as a table row or a filter bar; md is the standard control height; lg is taller\n with roomier padding. Touch input keeps body-size field text without inflating the visible size ladder. It is not the native size attribute: a select is\n always a single-choice dropdown. Change it after render through this option; the element\'s size property is the native one.',
57
57
  values: ['sm', 'md', 'lg'],
58
58
  default: 'md',
59
59
  },
package/vue/UiSwitch.vue CHANGED
@@ -64,7 +64,7 @@ const propValidityContract = {
64
64
  required: false,
65
65
  target: { attribute: 'size' },
66
66
  description:
67
- 'Aligns the switch with fields and buttons of the same size. It keeps its track size; the label takes that size\'s field type size and its first line centres\n in that control height (sm 2rem, lg 3rem by default), so in a row of inputs, selects, and buttons of one size it shares their height and their text\n baseline. Under a coarse pointer an sm row grows to the 44px touch minimum, as they do. md is the standard layout.',
67
+ 'Aligns the switch with fields and buttons of the same size. It keeps its track size; the label takes that size\'s field type size and its first line centres\n in that control height (sm 2rem, lg 3rem by default), so in a row of inputs, selects, and buttons of one size it shares their height and their text\n baseline. Touch input keeps the same visible alignment. md is the standard layout.',
68
68
  values: ['sm', 'md', 'lg'],
69
69
  default: 'md',
70
70
  },
@@ -133,7 +133,7 @@ var UiCheckbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
133
133
  },
134
134
  required: false,
135
135
  target: { attribute: "size" },
136
- description: "Aligns the checkbox with fields and buttons of the same size. It keeps its box size; the label takes that size's field type size and its first line centres\n in that control height (sm 2rem, lg 3rem by default), so in a row of inputs, selects, and buttons of one size it shares their height and their text\n baseline. Under a coarse pointer an sm row grows to the 44px touch minimum, as they do. md is the standard layout.",
136
+ description: "Aligns the checkbox with fields and buttons of the same size. It keeps its box size; the label takes that size's field type size and its first line centres\n in that control height (sm 2rem, lg 3rem by default), so in a row of inputs, selects, and buttons of one size it shares their height and their text\n baseline. Touch input keeps the same visible alignment. md is the standard layout.",
137
137
  values: [
138
138
  "sm",
139
139
  "md",
@@ -356,6 +356,6 @@ var UiCheckbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
356
356
  }]]);
357
357
  };
358
358
  }
359
- }), [["__scopeId", "data-v-5f3fc8ff"]]);
359
+ }), [["__scopeId", "data-v-d551a32f"]]);
360
360
  //#endregion
361
361
  export { UiCheckbox_default as t };
@@ -523,7 +523,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
523
523
  },
524
524
  required: false,
525
525
  target: { attribute: "size" },
526
- description: "Field height, padding, and type size, matching Button's sizes so a field and a button of one size share a row. sm is the small control height (2rem by\n default) with smaller text, for compact rows such as a table row or a filter bar; md is the standard control height; lg is taller with roomier padding.\n Under a coarse pointer, sm grows to the 44px touch minimum and keeps body-size text. The label keeps its size.",
526
+ description: "Field height, padding, and type size, matching Button's sizes so a field and a button of one size share a row. sm is the small control height (2rem by\n default) with smaller text, for compact rows such as a table row or a filter bar; md is the standard control height; lg is taller with roomier padding.\n Touch input keeps body-size field text without inflating the visible size ladder. The label keeps its size.",
527
527
  values: [
528
528
  "sm",
529
529
  "md",
@@ -2134,6 +2134,6 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
2134
2134
  }]]);
2135
2135
  };
2136
2136
  }
2137
- }), [["__scopeId", "data-v-1c701e63"]]);
2137
+ }), [["__scopeId", "data-v-26d1683e"]]);
2138
2138
  //#endregion
2139
2139
  export { UiCombobox_default as t };
@@ -84,7 +84,7 @@ var UiInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
84
84
  },
85
85
  required: false,
86
86
  target: { attribute: "size" },
87
- description: "Height, padding, and type size, matching Button's sizes so a field and a button of one size share a row. sm is the small control height (2rem by default)\n with smaller text, for compact rows such as a table row or a filter bar; md is the standard control height; lg is taller with roomier padding. Under a\n coarse pointer, sm grows to the 44px touch minimum and keeps body-size text. Change it after render through this option; the element's size property is\n the native one.",
87
+ description: "Height, padding, and type size, matching Button's sizes so a field and a button of one size share a row. sm is the small control height (2rem by default)\n with smaller text, for compact rows such as a table row or a filter bar; md is the standard control height; lg is taller with roomier padding. Touch input\n keeps body-size field text without inflating the visible size ladder. Change it after render through this option; the element's size property is the\n native one.",
88
88
  values: [
89
89
  "sm",
90
90
  "md",
@@ -704,6 +704,6 @@ var UiInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
704
704
  }]]);
705
705
  };
706
706
  }
707
- }), [["__scopeId", "data-v-7e05fffc"]]);
707
+ }), [["__scopeId", "data-v-d1d52f1a"]]);
708
708
  //#endregion
709
709
  export { UiInput_default as t };
@@ -94,7 +94,7 @@ var UiRadio_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
94
94
  },
95
95
  required: false,
96
96
  target: { attribute: "size" },
97
- description: "Aligns the radio with fields and buttons of the same size. It keeps its box size; the label takes that size's field type size and its first line centres in\n that control height (sm 2rem, lg 3rem by default), so in a row of inputs, selects, and buttons of one size it shares their height and their text baseline.\n Under a coarse pointer an sm row grows to the 44px touch minimum, as they do. md is the standard layout.",
97
+ description: "Aligns the radio with fields and buttons of the same size. It keeps its box size; the label takes that size's field type size and its first line centres in\n that control height (sm 2rem, lg 3rem by default), so in a row of inputs, selects, and buttons of one size it shares their height and their text baseline.\n Touch input keeps the same visible alignment. md is the standard layout.",
98
98
  values: [
99
99
  "sm",
100
100
  "md",
@@ -286,6 +286,6 @@ var UiRadio_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
286
286
  }]]);
287
287
  };
288
288
  }
289
- }), [["__scopeId", "data-v-e49391b6"]]);
289
+ }), [["__scopeId", "data-v-0e62c814"]]);
290
290
  //#endregion
291
291
  export { UiRadio_default as t };
@@ -68,7 +68,7 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
68
68
  },
69
69
  required: false,
70
70
  target: { attribute: "size" },
71
- description: "Height, padding, chevron, and type size, matching Button's sizes so a field and a button of one size share a row. sm is the small control height (2rem by\n default) with smaller text and a smaller chevron, for compact rows such as a table row or a filter bar; md is the standard control height; lg is taller\n with roomier padding. Under a coarse pointer, sm grows to the 44px touch minimum and keeps body-size text. It is not the native size attribute: a select\n is always a single-choice dropdown. Change it after render through this option; the element's size property is the native one.",
71
+ description: "Height, padding, chevron, and type size, matching Button's sizes so a field and a button of one size share a row. sm is the small control height (2rem by\n default) with smaller text and a smaller chevron, for compact rows such as a table row or a filter bar; md is the standard control height; lg is taller\n with roomier padding. Touch input keeps body-size field text without inflating the visible size ladder. It is not the native size attribute: a select is\n always a single-choice dropdown. Change it after render through this option; the element's size property is the native one.",
72
72
  values: [
73
73
  "sm",
74
74
  "md",
@@ -221,6 +221,6 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
221
221
  }]]);
222
222
  };
223
223
  }
224
- }), [["__scopeId", "data-v-4a6e184c"]]);
224
+ }), [["__scopeId", "data-v-b5f523b2"]]);
225
225
  //#endregion
226
226
  export { UiSelect_default as t };
@@ -94,7 +94,7 @@ var UiSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
94
94
  },
95
95
  required: false,
96
96
  target: { attribute: "size" },
97
- description: "Aligns the switch with fields and buttons of the same size. It keeps its track size; the label takes that size's field type size and its first line centres\n in that control height (sm 2rem, lg 3rem by default), so in a row of inputs, selects, and buttons of one size it shares their height and their text\n baseline. Under a coarse pointer an sm row grows to the 44px touch minimum, as they do. md is the standard layout.",
97
+ description: "Aligns the switch with fields and buttons of the same size. It keeps its track size; the label takes that size's field type size and its first line centres\n in that control height (sm 2rem, lg 3rem by default), so in a row of inputs, selects, and buttons of one size it shares their height and their text\n baseline. Touch input keeps the same visible alignment. md is the standard layout.",
98
98
  values: [
99
99
  "sm",
100
100
  "md",
@@ -287,6 +287,6 @@ var UiSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
287
287
  }]]);
288
288
  };
289
289
  }
290
- }), [["__scopeId", "data-v-7692df36"]]);
290
+ }), [["__scopeId", "data-v-a6599121"]]);
291
291
  //#endregion
292
292
  export { UiSwitch_default as t };
@@ -1884,7 +1884,7 @@ html[data-ui-input-modality="touch"]
1884
1884
  /* The label, and under it an optional line saying what the choice means. */
1885
1885
 
1886
1886
  /* Centre the tick's box and lift it slightly for the rotated check shape. */
1887
- @keyframes ui-checkbox-check-5f3fc8ff {
1887
+ @keyframes ui-checkbox-check-d551a32f {
1888
1888
  from {
1889
1889
  opacity: 0;
1890
1890
  transform: translateY(calc(var(--_ui-checkbox-size) * -0.09 / 1.125)) rotate(45deg) scale(0.55);
@@ -2006,7 +2006,7 @@ input:checked:where([data-hn-ui-checkbox])::after {
2006
2006
  calc(var(--_ui-checkbox-size) * 0.125 / 1.125) 0;
2007
2007
  opacity: 1;
2008
2008
  transform: translateY(calc(var(--_ui-checkbox-size) * -0.09 / 1.125)) rotate(45deg);
2009
- animation: ui-checkbox-check-5f3fc8ff var(--ui-motion-base) var(--ui-motion-ease-out, cubic-bezier(0.16, 1, 0.3, 1)) both;
2009
+ animation: ui-checkbox-check-d551a32f var(--ui-motion-base) var(--ui-motion-ease-out, cubic-bezier(0.16, 1, 0.3, 1)) both;
2010
2010
  }
2011
2011
  input:indeterminate:where([data-hn-ui-checkbox])::after {
2012
2012
  inset: 50% calc(var(--_ui-checkbox-size) * 0.23 / 1.125) auto;