@threadlabs/looma 0.22.9 → 0.22.10

package/vue/UiTreeItem.vue

@@ -1,9 +1,9 @@
-<!-- Generated by HTML Next 1.0.0-alpha.18 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.19 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
 import { createDispatch, useComponentHost } from './host'
-import { checkedProp, vPropValidity } from './props'
+import { checkedProp, propValidityState, vPropValidity } from './props'
 
 defineOptions({ inheritAttrs: false })
 
@@ -120,7 +120,7 @@ const propValidityContract = {
         'Overrides how many levels sit beneath this item when the tree checks maxDepth for a drag of it. Unset, the tree counts the rendered descendants; set it\n      when some are not rendered, such as children that load later.',
     },
   },
-}
+} as const
 const props = defineProps({
   accepts: { type: null as unknown as PropType<string | null>, default: '' },
   container: { type: null as unknown as PropType<boolean | null>, default: false },
@@ -137,90 +137,120 @@ const props = defineProps({
   sortable: { type: null as unknown as PropType<boolean | null>, default: false },
   subtreeDepth: { type: null as unknown as PropType<number | null>, default: null },
 })
+const acceptedProps: Record<string, unknown> = {
+  accepts: '',
+  container: false,
+  disabled: false,
+  dragType: 'item',
+  dropDepth: null,
+  dropScope: '',
+  expanded: false,
+  itemId: '',
+  label: '',
+  lazy: false,
+  marquee: false,
+  selected: false,
+  sortable: false,
+  subtreeDepth: null,
+}
 const checkedProps = computed(() => ({
   accepts: checkedProp<string>(
     props['accepts'],
     { kind: 'terminal', name: 'string' },
     false,
     'accepts',
+    acceptedProps,
   ) as string,
   container: checkedProp<boolean>(
     props['container'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'container',
+    acceptedProps,
   ) as boolean,
   disabled: checkedProp<boolean>(
     props['disabled'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'disabled',
+    acceptedProps,
   ) as boolean,
   dragType: checkedProp<string>(
     props['dragType'],
     { kind: 'terminal', name: 'string' },
     false,
     'dragType',
+    acceptedProps,
   ) as string,
   dropDepth: checkedProp<number>(
     props['dropDepth'],
     { kind: 'terminal', name: 'number' },
     false,
     'dropDepth',
+    acceptedProps,
   ),
   dropScope: checkedProp<string>(
     props['dropScope'],
     { kind: 'terminal', name: 'string' },
     false,
     'dropScope',
+    acceptedProps,
   ) as string,
   expanded: checkedProp<boolean>(
     props['expanded'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'expanded',
+    acceptedProps,
   ) as boolean,
   itemId: checkedProp<string>(
     props['itemId'],
     { kind: 'terminal', name: 'string' },
     false,
     'itemId',
+    acceptedProps,
   ) as string,
   label: checkedProp<string>(
     props['label'],
     { kind: 'terminal', name: 'string' },
     false,
     'label',
+    acceptedProps,
   ) as string,
   lazy: checkedProp<boolean>(
     props['lazy'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'lazy',
+    acceptedProps,
   ) as boolean,
   marquee: checkedProp<boolean>(
     props['marquee'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'marquee',
+    acceptedProps,
   ) as boolean,
   selected: checkedProp<boolean>(
     props['selected'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'selected',
+    acceptedProps,
   ) as boolean,
   sortable: checkedProp<boolean>(
     props['sortable'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'sortable',
+    acceptedProps,
   ) as boolean,
   subtreeDepth: checkedProp<number>(
     props['subtreeDepth'],
     { kind: 'terminal', name: 'number' },
     false,
     'subtreeDepth',
+    acceptedProps,
   ),
 }))
 void checkedProps.value
@@ -362,6 +392,31 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
     definition: './components/ui-tree-item/ui-tree-item.html',
   },
   props: checkedProps,
+  propInputs: (name: string) => {
+    const incoming = hydrationInstance?.vnode.props
+    const kebab = name.replace(/[A-Z]/g, (letter) => '-' + letter.toLowerCase())
+    return incoming !== null && incoming !== undefined
+      ? (incoming[name] ?? incoming[kebab] ?? null)
+      : null
+  },
+  propNames: [
+    'accepts',
+    'container',
+    'disabled',
+    'dragType',
+    'dropDepth',
+    'dropScope',
+    'expanded',
+    'itemId',
+    'label',
+    'lazy',
+    'marquee',
+    'selected',
+    'sortable',
+    'subtreeDepth',
+  ],
+  propValidity: (name: string) =>
+    propValidityState({ contract: propValidityContract, values: { ...props } }, name),
   refs: {
     row: rowElement,
     dragHandle: dragHandleElement,
@@ -385,7 +440,7 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
     :aria-level="guarded"
     :aria-selected="checkedProps.selected ?? undefined"
     :aria-disabled="checkedProps.disabled ?? undefined"
-    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
+    v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-accepts="reflectedProp('accepts', 'accepts', checkedProps.accepts, undefined, true)"
     :data-container="reflectedProp('container', 'container', checkedProps.container, undefined, false)"
     :data-disabled="reflectedProp('disabled', 'disabled', checkedProps.disabled, undefined, false)"

package/vue/chunks/UiActionBar.js

@@ -32,6 +32,6 @@ var UiActionBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			])], 16);
 		};
 	}
-}), [["__scopeId", "data-v-747b5545"]]);
+}), [["__scopeId", "data-v-0d1b03c6"]]);
 //#endregion
 export { UiActionBar_default as t };

package/vue/chunks/UiAffordanceScope.js

@@ -1,6 +1,6 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { r as useComponentHost, t as createDispatch } from "./host.js";
-import { r as vPropValidity, t as checkedProp } from "./props.js";
+import { i as vPropValidity, n as propValidityState, t as checkedProp } from "./props.js";
 import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiAffordanceScope.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -48,15 +48,19 @@ var UiAffordanceScope_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			}
 		} };
 		const props = __props;
+		const acceptedProps = {
+			guide: "dot",
+			nearRadius: 16
+		};
 		const checkedProps = computed(() => ({
 			guide: checkedProp(props["guide"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "guide"),
+			}, false, "guide", acceptedProps),
 			nearRadius: checkedProp(props["nearRadius"], {
 				kind: "terminal",
 				name: "number"
-			}, false, "nearRadius")
+			}, false, "nearRadius", acceptedProps)
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -101,6 +105,16 @@ var UiAffordanceScope_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 				definition: "./components/ui-affordance-scope/ui-affordance-scope.html"
 			},
 			props: checkedProps,
+			propInputs: (name) => {
+				const incoming = hydrationInstance?.vnode.props;
+				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
+				return incoming !== null && incoming !== void 0 ? incoming[name] ?? incoming[kebab] ?? null : null;
+			},
+			propNames: ["guide", "nearRadius"],
+			propValidity: (name) => propValidityState({
+				contract: propValidityContract,
+				values: { ...props }
+			}, name),
 			state: { engaged }
 		});
 		return (_ctx, _cache) => {
@@ -112,10 +126,10 @@ var UiAffordanceScope_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 				ref: root
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
-				values: { ...checkedProps.value }
+				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-2dd38c7c"]]);
+}), [["__scopeId", "data-v-0c7e6f0e"]]);
 //#endregion
 export { UiAffordanceScope_default as t };

package/vue/chunks/UiAvatar.js

@@ -1,6 +1,6 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { r as useComponentHost, t as createDispatch } from "./host.js";
-import { r as vPropValidity, t as checkedProp } from "./props.js";
+import { i as vPropValidity, n as propValidityState, t as checkedProp } from "./props.js";
 import { t as UiIcon_default } from "./UiIcon.js";
 import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiAvatar.vue?vue&type=script&setup=true&lang.ts
@@ -147,39 +147,49 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}
 		} };
 		const props = __props;
+		const acceptedProps = {
+			active: false,
+			alt: "",
+			decorative: false,
+			fallback: "",
+			name: "",
+			shape: "circle",
+			size: "md",
+			src: null
+		};
 		const checkedProps = computed(() => ({
 			active: checkedProp(props["active"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "active"),
+			}, false, "active", acceptedProps),
 			alt: checkedProp(props["alt"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "alt"),
+			}, false, "alt", acceptedProps),
 			decorative: checkedProp(props["decorative"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "decorative"),
+			}, false, "decorative", acceptedProps),
 			fallback: checkedProp(props["fallback"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "fallback"),
+			}, false, "fallback", acceptedProps),
 			name: checkedProp(props["name"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "name"),
+			}, false, "name", acceptedProps),
 			shape: checkedProp(props["shape"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "shape"),
+			}, false, "shape", acceptedProps),
 			size: checkedProp(props["size"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "size"),
+			}, false, "size", acceptedProps),
 			src: checkedProp(props["src"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "src")
+			}, false, "src", acceptedProps)
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -264,6 +274,25 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				definition: "./components/ui-avatar/ui-avatar.html"
 			},
 			props: checkedProps,
+			propInputs: (name) => {
+				const incoming = hydrationInstance?.vnode.props;
+				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
+				return incoming !== null && incoming !== void 0 ? incoming[name] ?? incoming[kebab] ?? null : null;
+			},
+			propNames: [
+				"active",
+				"alt",
+				"decorative",
+				"fallback",
+				"name",
+				"shape",
+				"size",
+				"src"
+			],
+			propValidity: (name) => propValidityState({
+				contract: propValidityContract,
+				values: { ...props }
+			}, name),
 			refs: { image: imageElement },
 			state: {
 				hasImage,
@@ -302,10 +331,10 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				}, [createElementVNode("span", { hidden: guardedBinding3.value }, toDisplayString(guardedBinding4.value), 9, _hoisted_4), createElementVNode("span", { hidden: guardedBinding5.value }, [createVNode(UiIcon_default, { name: "user-round" })], 8, _hoisted_5)], 8, _hoisted_3)
 			], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
-				values: { ...checkedProps.value }
+				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-5d788a6e"]]);
+}), [["__scopeId", "data-v-5cd53487"]]);
 //#endregion
 export { UiAvatar_default as t };

package/vue/chunks/UiAvatarGroup.js

@@ -1,6 +1,6 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { r as useComponentHost, t as createDispatch } from "./host.js";
-import { r as vPropValidity, t as checkedProp } from "./props.js";
+import { i as vPropValidity, n as propValidityState, t as checkedProp } from "./props.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiAvatarGroup.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -98,27 +98,34 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}
 		} };
 		const props = __props;
+		const acceptedProps = {
+			label: "People",
+			max: 5,
+			overflowLabel: "{count} more",
+			size: "md",
+			total: null
+		};
 		const checkedProps = computed(() => ({
 			label: checkedProp(props["label"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "label"),
+			}, false, "label", acceptedProps),
 			max: checkedProp(props["max"], {
 				kind: "terminal",
 				name: "number"
-			}, false, "max"),
+			}, false, "max", acceptedProps),
 			overflowLabel: checkedProp(props["overflowLabel"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "overflowLabel"),
+			}, false, "overflowLabel", acceptedProps),
 			size: checkedProp(props["size"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "size"),
+			}, false, "size", acceptedProps),
 			total: checkedProp(props["total"], {
 				kind: "terminal",
 				name: "integer"
-			}, false, "total")
+			}, false, "total", acceptedProps)
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -172,6 +179,22 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 				definition: "./components/ui-avatar-group/ui-avatar-group.html"
 			},
 			props: checkedProps,
+			propInputs: (name) => {
+				const incoming = hydrationInstance?.vnode.props;
+				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
+				return incoming !== null && incoming !== void 0 ? incoming[name] ?? incoming[kebab] ?? null : null;
+			},
+			propNames: [
+				"label",
+				"max",
+				"overflowLabel",
+				"size",
+				"total"
+			],
+			propValidity: (name) => propValidityState({
+				contract: propValidityContract,
+				values: { ...props }
+			}, name),
 			refs: { overflow: overflowElement },
 			state: {
 				overflowCount,
@@ -200,10 +223,10 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 				ref: "overflow"
 			}, toDisplayString(`+${overflowCount.value}`), 9, _hoisted_2)], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
-				values: { ...checkedProps.value }
+				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-db7f37f5"]]);
+}), [["__scopeId", "data-v-d3d2981c"]]);
 //#endregion
 export { UiAvatarGroup_default as t };

package/vue/chunks/UiBadge.js

@@ -1,5 +1,5 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { r as vPropValidity, t as checkedProp } from "./props.js";
+import { i as vPropValidity, t as checkedProp } from "./props.js";
 import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiBadge.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -91,23 +91,29 @@ var UiBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}
 		} };
 		const props = __props;
+		const acceptedProps = {
+			shape: "pill",
+			size: "md",
+			tone: "neutral",
+			variant: "subtle"
+		};
 		const checkedProps = computed(() => ({
 			shape: checkedProp(props["shape"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "shape"),
+			}, false, "shape", acceptedProps),
 			size: checkedProp(props["size"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "size"),
+			}, false, "size", acceptedProps),
 			tone: checkedProp(props["tone"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "tone"),
+			}, false, "tone", acceptedProps),
 			variant: checkedProp(props["variant"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "variant")
+			}, false, "variant", acceptedProps)
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -153,10 +159,10 @@ var UiBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 				"data-ui-badge-state": hostState.value || void 0
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
-				values: { ...checkedProps.value }
+				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-5ec5f829"]]);
+}), [["__scopeId", "data-v-eba32334"]]);
 //#endregion
 export { UiBadge_default as t };

package/vue/chunks/UiBreadcrumbItem.js

@@ -1,5 +1,5 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { r as vPropValidity, t as checkedProp } from "./props.js";
+import { i as vPropValidity, t as checkedProp } from "./props.js";
 import { t as UiIcon_default } from "./UiIcon.js";
 import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiBreadcrumbItem.vue?vue&type=script&setup=true&lang.ts
@@ -34,10 +34,11 @@ var UiBreadcrumbItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/
 			default: false
 		} } };
 		const props = __props;
+		const acceptedProps = { current: false };
 		const checkedProps = computed(() => ({ current: checkedProp(props["current"], {
 			kind: "terminal",
 			name: "boolean"
-		}, false, "current") }));
+		}, false, "current", acceptedProps) }));
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -88,10 +89,10 @@ var UiBreadcrumbItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/
 				"data-ui-breadcrumb-item-state": hostState.value || void 0
 			}), [createElementVNode("span", _hoisted_2, [createVNode(UiIcon_default, { name: "chevron-right" })]), createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "default")])], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
-				values: { ...checkedProps.value }
+				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-93f53d7c"]]);
+}), [["__scopeId", "data-v-1974d6bb"]]);
 //#endregion
 export { UiBreadcrumbItem_default as t };

package/vue/chunks/UiBreadcrumbs.js

@@ -1,5 +1,5 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { r as vPropValidity, t as checkedProp } from "./props.js";
+import { i as vPropValidity, t as checkedProp } from "./props.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiBreadcrumbs.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-label", "data-label"];
@@ -25,10 +25,11 @@ var UiBreadcrumbs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			default: "Breadcrumb"
 		} } };
 		const props = __props;
+		const acceptedProps = { label: "Breadcrumb" };
 		const checkedProps = computed(() => ({ label: checkedProp(props["label"], {
 			kind: "terminal",
 			name: "string"
-		}, false, "label") }));
+		}, false, "label", acceptedProps) }));
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -59,10 +60,10 @@ var UiBreadcrumbs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 				"data-label": reflectedProp("label", "label", checkedProps.value.label, void 0, false)
 			}), [createElementVNode("ol", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
-				values: { ...checkedProps.value }
+				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-a9430f8d"]]);
+}), [["__scopeId", "data-v-56156dd9"]]);
 //#endregion
 export { UiBreadcrumbs_default as t };