@threadlabs/looma 0.26.25 → 0.27.0

package/vue/chunks/UiListbox.js

@@ -19,22 +19,23 @@ var _hoisted_1 = [
 	"data-value",
 	"data-values"
 ];
-var _hoisted_2 = [
+var _hoisted_2 = { class: "choices" };
+var _hoisted_3 = [
 	"data-multiple",
 	"id",
 	"data-index",
 	"aria-selected",
 	"aria-disabled"
 ];
-var _hoisted_3 = [
+var _hoisted_4 = [
 	"size",
 	"multiple",
 	"disabled",
 	"required",
 	"name"
 ];
-var _hoisted_4 = ["name", "^value"];
-var _hoisted_5 = [
+var _hoisted_5 = ["name", "^value"];
+var _hoisted_6 = [
 	"required",
 	"^checked",
 	"disabled"
@@ -498,8 +499,7 @@ var UiListbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				ref_key: "root",
 				ref: root
 			}), [
-				createVNode(UiScrollArea_default, {
-					class: "choices",
+				createElementVNode("div", _hoisted_2, [createVNode(UiScrollArea_default, {
 					ref_key: "choicesElement",
 					ref: choicesElement
 				}, {
@@ -515,12 +515,12 @@ var UiListbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 								"data-index": choice.index,
 								"aria-selected": choice.selected,
 								"aria-disabled": choice.disabled
-							}, [createElementVNode("span", null, toDisplayString(choice.label), 1)], 10, _hoisted_2);
+							}, [createElementVNode("span", null, toDisplayString(choice.label), 1)], 10, _hoisted_3);
 						}), 128))]),
 						_: 1
 					})]),
 					_: 1
-				}, 512),
+				}, 512)]),
 				createElementVNode("select", {
 					class: "fallback",
 					"aria-label": "Choices",
@@ -531,14 +531,14 @@ var UiListbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 					name: checkedProps.value.name ?? void 0,
 					ref_key: "optionsElement",
 					ref: optionsElement
-				}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 8, _hoisted_3),
+				}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 8, _hoisted_4),
 				checkedProps.value.name && !checkedProps.value.disabled ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(selection.value, (selected, indexLoop) => {
 					return openBlock(), createElementBlock("input", {
 						key: indexLoop,
 						type: "hidden",
 						name: checkedProps.value.name ?? void 0,
 						"^value": selected
-					}, null, 8, _hoisted_4);
+					}, null, 8, _hoisted_5);
 				}), 128)) : createCommentVNode("v-if", true),
 				createElementVNode("input", {
 					class: "validity",
@@ -550,13 +550,13 @@ var UiListbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 					disabled: checkedProps.value.disabled ?? void 0,
 					ref_key: "validityElement",
 					ref: validityElement
-				}, null, 8, _hoisted_5)
+				}, null, 8, _hoisted_6)
 			], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-1ba46396"]]);
+}), [["__scopeId", "data-v-e7a8688c"]]);
 //#endregion
 export { UiListbox_default as t };

package/vue/chunks/UiScrollArea.js

@@ -6,6 +6,7 @@ import { computed, createElementBlock, createElementVNode, defineComponent, getC
 var _hoisted_1 = [
 	"data-fill",
 	"data-orientation",
+	"data-padding",
 	"data-size",
 	"data-trim",
 	"data-ui-scroll-area-state"
@@ -24,6 +25,10 @@ var UiScrollArea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			type: null,
 			default: "vertical"
 		},
+		padding: {
+			type: null,
+			default: "none"
+		},
 		size: {
 			type: null,
 			default: "content"
@@ -56,6 +61,23 @@ var UiScrollArea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				values: ["vertical", "horizontal"],
 				default: "vertical"
 			},
+			padding: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "padding" },
+				description: "The space inside the scrolling region, on Card's scale: xs is 0.5rem, sm 0.75rem, md 1.5rem, and lg 2rem. It scrolls with the content, so the scrollbar and\n      fades stay at the edges.",
+				values: [
+					"none",
+					"xs",
+					"sm",
+					"md",
+					"lg"
+				],
+				default: "none"
+			},
 			size: {
 				type: {
 					kind: "terminal",
@@ -87,6 +109,7 @@ var UiScrollArea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		const acceptedProps = {
 			fill: false,
 			orientation: "vertical",
+			padding: "none",
 			size: "content",
 			trim: false
 		};
@@ -99,6 +122,10 @@ var UiScrollArea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				kind: "terminal",
 				name: "keyword"
 			}, false, "orientation", acceptedProps),
+			padding: checkedProp(props["padding"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "padding", acceptedProps),
 			size: checkedProp(props["size"], {
 				kind: "terminal",
 				name: "keyword"
@@ -142,7 +169,9 @@ var UiScrollArea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			checkedProps.value.orientation && "orientation",
 			checkedProps.value.orientation != null && `orientation=${encodeURIComponent(checkedProps.value.orientation)}`,
 			checkedProps.value.size && "size",
-			checkedProps.value.size != null && `size=${encodeURIComponent(checkedProps.value.size)}`
+			checkedProps.value.size != null && `size=${encodeURIComponent(checkedProps.value.size)}`,
+			checkedProps.value.padding && "padding",
+			checkedProps.value.padding != null && `padding=${encodeURIComponent(checkedProps.value.padding)}`
 		].filter(Boolean).join(" "));
 		const dispatch = createDispatch(root);
 		useComponentHost(() => import("@threadlabs/looma/components/ui-scroll-area/ui-scroll-area.js"), {
@@ -161,6 +190,7 @@ var UiScrollArea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			propNames: [
 				"fill",
 				"orientation",
+				"padding",
 				"size",
 				"trim"
 			],
@@ -174,6 +204,7 @@ var UiScrollArea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-scroll-area" }, nativeAttrs(_ctx.$attrs), {
 				"data-fill": reflectedProp("fill", "fill", checkedProps.value.fill, void 0, false),
 				"data-orientation": reflectedProp("orientation", "orientation", checkedProps.value.orientation, void 0, false),
+				"data-padding": reflectedProp("padding", "padding", checkedProps.value.padding, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-trim": reflectedProp("trim", "trim", checkedProps.value.trim, void 0, false),
 				"data-ui-scroll-area-state": hostState.value || void 0,
@@ -189,6 +220,6 @@ var UiScrollArea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-a1ccf697"]]);
+}), [["__scopeId", "data-v-9a5bb175"]]);
 //#endregion
 export { UiScrollArea_default as t };

package/vue/chunks/UiSearchShell.js

@@ -199,6 +199,6 @@ var UiSearchShell_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-0778ed20"]]);
+}), [["__scopeId", "data-v-62b2f3da"]]);
 //#endregion
 export { UiSearchShell_default as t };

package/vue/chunks/UiSection.js

@@ -138,6 +138,6 @@ var UiSection_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-93e8cb94"]]);
+}), [["__scopeId", "data-v-97cdaba4"]]);
 //#endregion
 export { UiSection_default as t };

package/vue/chunks/UiToast.js

@@ -37,7 +37,7 @@ var UiToast_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 				},
 				required: false,
 				target: { attribute: "duration" },
-				description: "Milliseconds before requesting dismissal; 0 keeps the toast until an action dismisses it. The timer pauses on hover or focus.",
+				description: "Milliseconds the toast is shown before it dismisses itself; 0 keeps it until an action dismisses it. The timer starts when the toast is shown, starts again\n      each time it is shown, and pauses on hover or focus.",
 				default: 0
 			},
 			tone: {
@@ -174,6 +174,6 @@ var UiToast_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-af4b9641"]]);
+}), [["__scopeId", "data-v-0812e30e"]]);
 //#endregion
 export { UiToast_default as t };

package/vue/chunks/UiTooltip.js

@@ -148,7 +148,7 @@ var UiTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				},
 				required: false,
 				target: { attribute: "trigger" },
-				description: "How the trigger opens it. hover also opens on keyboard focus; click toggles it and suits a help button, where hovering a question mark says nothing; focus\n      opens only while the trigger holds focus.",
+				description: "How the trigger opens it. hover also opens on keyboard focus; click toggles it and suits a help button, where hovering a question mark says nothing; focus\n      opens only on keyboard-visible focus. Action activation dismisses hover/focus hints without removing focus; a fresh hover or keyboard focus can open them\n      again.",
 				values: [
 					"hover",
 					"click",
@@ -299,6 +299,6 @@ var UiTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-a876d863"]]);
+}), [["__scopeId", "data-v-4a6fb61a"]]);
 //#endregion
 export { UiTooltip_default as t };