@threadlabs/looma 0.30.2 → 0.30.3

package/vue/chunks/UiButton.js

@@ -1,5 +1,5 @@
 import { a as concat, h as preserveRootFocus, i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, r as attribute, t as _plugin_vue_export_helper_default, v as useComponentHost, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
-import { a as vPropValidity, n as checkedProp, r as propValidityState } from "./props.js";
+import { f as vPropValidity, i as checkPropInput, l as propValidityState, p as vuePropInputs, t as BINDING_INPUTS_PROP } from "./props.js";
 import { t as UiIcon_default } from "./UiIcon.js";
 import { t as UiSpinner_default } from "./UiSpinner.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
@@ -140,62 +140,21 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 	inheritAttrs: false,
 	__name: "UiButton",
 	props: {
-		align: {
-			type: null,
-			default: "center"
-		},
-		as: {
-			type: null,
-			default: "button"
-		},
-		disabled: {
-			type: null,
-			default: false
-		},
-		href: {
-			type: null,
-			default: null
-		},
-		loading: {
-			type: null,
-			default: false
-		},
-		pending: {
-			type: null,
-			default: false
-		},
-		rel: {
-			type: null,
-			default: null
-		},
-		shape: {
-			type: null,
-			default: "rounded"
-		},
-		size: {
-			type: null,
-			default: "md"
-		},
-		stretch: {
-			type: null,
-			default: false
-		},
-		target: {
-			type: null,
-			default: null
-		},
-		tone: {
-			type: null,
-			default: "accent"
-		},
-		type: {
-			type: null,
-			default: "button"
-		},
-		variant: {
-			type: null,
-			default: "outline"
-		}
+		align: { type: null },
+		as: { type: null },
+		disabled: { type: null },
+		href: { type: null },
+		loading: { type: null },
+		pending: { type: null },
+		rel: { type: null },
+		shape: { type: null },
+		size: { type: null },
+		stretch: { type: null },
+		target: { type: null },
+		tone: { type: null },
+		type: { type: null },
+		variant: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	setup(__props) {
 		const propValidityContract = { props: {
@@ -369,7 +328,7 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			align: "center",
 			as: "button",
 			disabled: false,
@@ -384,65 +343,101 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			tone: "accent",
 			type: "button",
 			variant: "outline"
-		};
-		const checkedProps = computed(() => ({
-			align: checkedProp(props["align"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "align", acceptedProps),
-			as: checkedProp(props["as"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "as", acceptedProps),
-			disabled: checkedProp(props["disabled"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "disabled", acceptedProps),
-			href: checkedProp(props["href"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "href", acceptedProps),
-			loading: checkedProp(props["loading"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "loading", acceptedProps),
-			pending: checkedProp(props["pending"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "pending", acceptedProps),
-			rel: checkedProp(props["rel"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "rel", acceptedProps),
-			shape: checkedProp(props["shape"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "shape", acceptedProps),
-			size: checkedProp(props["size"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "size", acceptedProps),
-			stretch: checkedProp(props["stretch"], {
-				kind: "terminal",
-				name: "boolean"
-			}, false, "stretch", acceptedProps),
-			target: checkedProp(props["target"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "target", acceptedProps),
-			tone: checkedProp(props["tone"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "tone", acceptedProps),
-			type: checkedProp(props["type"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "type", acceptedProps),
-			variant: checkedProp(props["variant"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "variant", acceptedProps)
-		}));
+		}, {
+			align: "center",
+			as: "button",
+			disabled: false,
+			loading: false,
+			pending: false,
+			shape: "rounded",
+			size: "md",
+			stretch: false,
+			tone: "accent",
+			type: "button",
+			variant: "outline"
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "align": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "as": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "disabled": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "href": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "loading": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "pending": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "rel": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "shape": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "size": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "stretch": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "target": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "tone": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "type": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "variant": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				default: return { ok: false };
+			}
+		}, () => {
+			checkedProps.value;
+		});
+		const propInputs = inputTracking.inputs;
+		const checkedProps = computed(() => {
+			inputTracking.version.value;
+			return {
+				align: propInputs.value("align", props["align"], props[BINDING_INPUTS_PROP]),
+				as: propInputs.value("as", props["as"], props[BINDING_INPUTS_PROP]),
+				disabled: propInputs.value("disabled", props["disabled"], props[BINDING_INPUTS_PROP]),
+				href: propInputs.value("href", props["href"], props[BINDING_INPUTS_PROP]),
+				loading: propInputs.value("loading", props["loading"], props[BINDING_INPUTS_PROP]),
+				pending: propInputs.value("pending", props["pending"], props[BINDING_INPUTS_PROP]),
+				rel: propInputs.value("rel", props["rel"], props[BINDING_INPUTS_PROP]),
+				shape: propInputs.value("shape", props["shape"], props[BINDING_INPUTS_PROP]),
+				size: propInputs.value("size", props["size"], props[BINDING_INPUTS_PROP]),
+				stretch: propInputs.value("stretch", props["stretch"], props[BINDING_INPUTS_PROP]),
+				target: propInputs.value("target", props["target"], props[BINDING_INPUTS_PROP]),
+				tone: propInputs.value("tone", props["tone"], props[BINDING_INPUTS_PROP]),
+				type: propInputs.value("type", props["type"], props[BINDING_INPUTS_PROP]),
+				variant: propInputs.value("variant", props["variant"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -589,6 +584,8 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				definition: "./components/ui-button/ui-button.html"
 			},
 			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
 			propInputs: (name) => {
 				const incoming = hydrationInstance?.vnode.props;
 				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
@@ -785,6 +782,6 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-62d19015"]]);
+}), [["__scopeId", "data-v-a850e98a"]]);
 //#endregion
 export { UiButton_default as t };

package/vue/chunks/UiCallout.js

@@ -1,5 +1,5 @@
 import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
-import { a as vPropValidity, n as checkedProp } from "./props.js";
+import { f as vPropValidity, i as checkPropInput, p as vuePropInputs, t as BINDING_INPUTS_PROP } from "./props.js";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiCallout.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -97,14 +97,9 @@ var UiCallout_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 	inheritAttrs: false,
 	__name: "UiCallout",
 	props: {
-		heading: {
-			type: null,
-			default: ""
-		},
-		tone: {
-			type: null,
-			default: "info"
-		}
+		heading: { type: null },
+		tone: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	setup(__props) {
 		const propValidityContract = { props: {
@@ -141,20 +136,35 @@ var UiCallout_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			heading: "",
 			tone: "info"
-		};
-		const checkedProps = computed(() => ({
-			heading: checkedProp(props["heading"], {
-				kind: "terminal",
-				name: "string"
-			}, false, "heading", acceptedProps),
-			tone: checkedProp(props["tone"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "tone", acceptedProps)
-		}));
+		}, {
+			heading: "",
+			tone: "info"
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "heading": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "tone": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				default: return { ok: false };
+			}
+		}, () => {
+			checkedProps.value;
+		});
+		const propInputs = inputTracking.inputs;
+		const checkedProps = computed(() => {
+			inputTracking.version.value;
+			return {
+				heading: propInputs.value("heading", props["heading"], props[BINDING_INPUTS_PROP]),
+				tone: propInputs.value("tone", props["tone"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -287,6 +297,6 @@ var UiCallout_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-5396108a"]]);
+}), [["__scopeId", "data-v-f8269ecd"]]);
 //#endregion
 export { UiCallout_default as t };

package/vue/chunks/UiCard.js

@@ -1,5 +1,5 @@
 import { h as preserveRootFocus, i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
-import { a as vPropValidity, n as checkedProp } from "./props.js";
+import { f as vPropValidity, i as checkPropInput, p as vuePropInputs, t as BINDING_INPUTS_PROP } from "./props.js";
 import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiCard.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -40,26 +40,12 @@ var UiCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 	inheritAttrs: false,
 	__name: "UiCard",
 	props: {
-		as: {
-			type: null,
-			default: "div"
-		},
-		padding: {
-			type: null,
-			default: "md"
-		},
-		size: {
-			type: null,
-			default: "content"
-		},
-		tone: {
-			type: null,
-			default: "neutral"
-		},
-		variant: {
-			type: null,
-			default: "outlined"
-		}
+		as: { type: null },
+		padding: { type: null },
+		size: { type: null },
+		tone: { type: null },
+		variant: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
 	},
 	setup(__props) {
 		const propValidityContract = { props: {
@@ -146,35 +132,56 @@ var UiCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}
 		} };
 		const props = __props;
-		const acceptedProps = {
+		const inputTracking = vuePropInputs({
 			as: "div",
 			padding: "md",
 			size: "content",
 			tone: "neutral",
 			variant: "outlined"
-		};
-		const checkedProps = computed(() => ({
-			as: checkedProp(props["as"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "as", acceptedProps),
-			padding: checkedProp(props["padding"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "padding", acceptedProps),
-			size: checkedProp(props["size"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "size", acceptedProps),
-			tone: checkedProp(props["tone"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "tone", acceptedProps),
-			variant: checkedProp(props["variant"], {
-				kind: "terminal",
-				name: "keyword"
-			}, false, "variant", acceptedProps)
-		}));
+		}, {
+			as: "div",
+			padding: "md",
+			size: "content",
+			tone: "neutral",
+			variant: "outlined"
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "as": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "padding": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "size": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "tone": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "variant": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				default: return { ok: false };
+			}
+		}, () => {
+			checkedProps.value;
+		});
+		const propInputs = inputTracking.inputs;
+		const checkedProps = computed(() => {
+			inputTracking.version.value;
+			return {
+				as: propInputs.value("as", props["as"], props[BINDING_INPUTS_PROP]),
+				padding: propInputs.value("padding", props["padding"], props[BINDING_INPUTS_PROP]),
+				size: propInputs.value("size", props["size"], props[BINDING_INPUTS_PROP]),
+				tone: propInputs.value("tone", props["tone"], props[BINDING_INPUTS_PROP]),
+				variant: propInputs.value("variant", props["variant"], props[BINDING_INPUTS_PROP])
+			};
+		});
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -262,6 +269,6 @@ var UiCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-94b011af"]]);
+}), [["__scopeId", "data-v-e4874dfe"]]);
 //#endregion
 export { UiCard_default as t };