@threadlabs/looma 0.37.1 → 0.37.2

package/docs/README.md

@@ -12,12 +12,12 @@ In a project with a `package.json`, install Looma and its documentation tools:
 
 ```sh
 pnpm add @threadlabs/looma @nextwebwg/html-next@1.0.0-alpha.69
-pnpm add -D markupress @nextwebwg/htmlkit@1.0.0-alpha.69 vite
+pnpm add -D markupress@^0.9.0 @nextwebwg/htmlkit@1.0.0-alpha.69 vite
 pnpm exec looma-docs init --title "The Fellowship"
 pnpm exec looma-docs dev
 ```
 
-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.
+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.
 
 Initialization creates three project-owned files:
 
@@ -29,6 +29,8 @@ Initialization creates three project-owned files:
 
 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.
 
+The CSS includes generated derivation rules as well as values. Re-export or save your recipe after a Looma upgrade to adopt updated rules.
+
 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.
 
 ```sh

package/docs/catalog.json

@@ -448,7 +448,7 @@
   ],
   "schemaVersion": 1,
   "package": "@threadlabs/looma",
-  "version": "0.37.1",
+  "version": "0.37.2",
   "groups": [
     {
       "id": "layout",
@@ -3699,7 +3699,7 @@
         {
           "name": "size",
           "property": "size",
-          "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.",
+          "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.",
           "type": "keyword",
           "default": "md",
           "options": [
@@ -3761,7 +3761,7 @@
         },
         {
           "name": "size",
-          "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.",
+          "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.",
           "type": "\"sm\" | \"md\" | \"lg\"",
           "default": "md",
           "options": [
@@ -4998,7 +4998,7 @@
         {
           "name": "size",
           "property": "size",
-          "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.",
+          "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.",
           "type": "keyword",
           "default": "md",
           "options": [
@@ -5230,7 +5230,7 @@
         },
         {
           "name": "size",
-          "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.",
+          "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.",
           "type": "\"sm\" | \"md\" | \"lg\"",
           "default": "md",
           "options": [
@@ -13772,7 +13772,7 @@
         {
           "name": "size",
           "property": "size",
-          "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.",
+          "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.",
           "type": "keyword",
           "default": "md",
           "options": [
@@ -13839,7 +13839,7 @@
         },
         {
           "name": "size",
-          "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.",
+          "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.",
           "type": "\"sm\" | \"md\" | \"lg\"",
           "default": "md",
           "options": [
@@ -17675,7 +17675,7 @@
         {
           "name": "size",
           "property": "size",
-          "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.",
+          "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.",
           "type": "keyword",
           "default": "md",
           "options": [
@@ -17719,7 +17719,7 @@
         },
         {
           "name": "size",
-          "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.",
+          "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.",
           "type": "\"sm\" | \"md\" | \"lg\"",
           "default": "md",
           "options": [
@@ -19443,7 +19443,7 @@
         {
           "name": "size",
           "property": "size",
-          "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.",
+          "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.",
           "type": "keyword",
           "default": "md",
           "options": [
@@ -19480,7 +19480,7 @@
         },
         {
           "name": "size",
-          "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.",
+          "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.",
           "type": "\"sm\" | \"md\" | \"lg\"",
           "default": "md",
           "options": [
@@ -21057,7 +21057,7 @@
         {
           "name": "size",
           "property": "size",
-          "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.",
+          "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.",
           "type": "keyword",
           "default": "md",
           "options": [
@@ -21101,7 +21101,7 @@
         },
         {
           "name": "size",
-          "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.",
+          "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.",
           "type": "\"sm\" | \"md\" | \"lg\"",
           "default": "md",
           "options": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threadlabs/looma",
-  "version": "0.37.1",
+  "version": "0.37.2",
   "type": "module",
   "description": "Looma components as HTML, Vue, and plain DOM, with design tokens.",
   "license": "MIT",

package/vue/UiCheckbox.vue

@@ -88,7 +88,7 @@ const propValidityContract = {
       required: false,
       target: { attribute: 'size' },
       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.',
+        '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.',
       values: ['sm', 'md', 'lg'],
       default: 'md',
     },

package/vue/UiCombobox.vue

@@ -258,7 +258,7 @@ const propValidityContract = {
       required: false,
       target: { attribute: 'size' },
       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.',
+        '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.',
       values: ['sm', 'md', 'lg'],
       default: 'md',
     },

package/vue/UiInput.vue

@@ -81,7 +81,7 @@ const propValidityContract = {
       required: false,
       target: { attribute: 'size' },
       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.',
+        '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.',
       values: ['sm', 'md', 'lg'],
       default: 'md',
     },

package/vue/UiRadio.vue

@@ -65,7 +65,7 @@ const propValidityContract = {
       required: false,
       target: { attribute: 'size' },
       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.',
+        '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.',
       values: ['sm', 'md', 'lg'],
       default: 'md',
     },

package/vue/UiSelect.vue

@@ -53,7 +53,7 @@ const propValidityContract = {
       required: false,
       target: { attribute: 'size' },
       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.',
+        '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.',
       values: ['sm', 'md', 'lg'],
       default: 'md',
     },

package/vue/UiSwitch.vue

@@ -64,7 +64,7 @@ const propValidityContract = {
       required: false,
       target: { attribute: 'size' },
       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.',
+        '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.',
       values: ['sm', 'md', 'lg'],
       default: 'md',
     },

package/vue/chunks/UiCheckbox.js

@@ -133,7 +133,7 @@ var UiCheckbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				},
 				required: false,
 				target: { attribute: "size" },
-				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.",
+				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.",
 				values: [
 					"sm",
 					"md",
@@ -356,6 +356,6 @@ var UiCheckbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-5f3fc8ff"]]);
+}), [["__scopeId", "data-v-d551a32f"]]);
 //#endregion
 export { UiCheckbox_default as t };

package/vue/chunks/UiCombobox.js

@@ -523,7 +523,7 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				},
 				required: false,
 				target: { attribute: "size" },
-				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.",
+				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.",
 				values: [
 					"sm",
 					"md",
@@ -2134,6 +2134,6 @@ var UiCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-1c701e63"]]);
+}), [["__scopeId", "data-v-26d1683e"]]);
 //#endregion
 export { UiCombobox_default as t };

package/vue/chunks/UiInput.js

@@ -84,7 +84,7 @@ var UiInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 				},
 				required: false,
 				target: { attribute: "size" },
-				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.",
+				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.",
 				values: [
 					"sm",
 					"md",
@@ -704,6 +704,6 @@ var UiInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-7e05fffc"]]);
+}), [["__scopeId", "data-v-d1d52f1a"]]);
 //#endregion
 export { UiInput_default as t };

package/vue/chunks/UiRadio.js

@@ -94,7 +94,7 @@ var UiRadio_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 				},
 				required: false,
 				target: { attribute: "size" },
-				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.",
+				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.",
 				values: [
 					"sm",
 					"md",
@@ -286,6 +286,6 @@ var UiRadio_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-e49391b6"]]);
+}), [["__scopeId", "data-v-0e62c814"]]);
 //#endregion
 export { UiRadio_default as t };

package/vue/chunks/UiSelect.js

@@ -68,7 +68,7 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				},
 				required: false,
 				target: { attribute: "size" },
-				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.",
+				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.",
 				values: [
 					"sm",
 					"md",
@@ -221,6 +221,6 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-4a6e184c"]]);
+}), [["__scopeId", "data-v-b5f523b2"]]);
 //#endregion
 export { UiSelect_default as t };

package/vue/chunks/UiSwitch.js

@@ -94,7 +94,7 @@ var UiSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				},
 				required: false,
 				target: { attribute: "size" },
-				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.",
+				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.",
 				values: [
 					"sm",
 					"md",
@@ -287,6 +287,6 @@ var UiSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-7692df36"]]);
+}), [["__scopeId", "data-v-a6599121"]]);
 //#endregion
 export { UiSwitch_default as t };

package/vue/components.css

@@ -1884,7 +1884,7 @@ html[data-ui-input-modality="touch"]
 /* The label, and under it an optional line saying what the choice means. */
 
 /* Centre the tick's box and lift it slightly for the rotated check shape. */
-@keyframes ui-checkbox-check-5f3fc8ff {
+@keyframes ui-checkbox-check-d551a32f {
 from {
     opacity: 0;
     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 {
       calc(var(--_ui-checkbox-size) * 0.125 / 1.125) 0;
     opacity: 1;
     transform: translateY(calc(var(--_ui-checkbox-size) * -0.09 / 1.125)) rotate(45deg);
-    animation: ui-checkbox-check-5f3fc8ff var(--ui-motion-base) var(--ui-motion-ease-out, cubic-bezier(0.16, 1, 0.3, 1)) both;
+    animation: ui-checkbox-check-d551a32f var(--ui-motion-base) var(--ui-motion-ease-out, cubic-bezier(0.16, 1, 0.3, 1)) both;
 }
 input:indeterminate:where([data-hn-ui-checkbox])::after {
     inset: 50% calc(var(--_ui-checkbox-size) * 0.23 / 1.125) auto;