@wirecore/wirelayer-vue 0.6.0 → 0.7.0

package/dist/{Checkbox-D9f77jtl.js → Checkbox-D175nhKK.js}

@@ -1,12 +1,13 @@
 import { n as e } from "./recipes-BlM9aKyt.js";
 import { t } from "./attrs-KNjeRUCf.js";
-import { computed as n, createBlock as r, createCommentVNode as i, createVNode as a, defineComponent as o, guardReactiveProps as s, normalizeClass as c, normalizeProps as l, normalizeStyle as u, openBlock as d, renderSlot as f, unref as p, useAttrs as m, withCtx as h } from "vue";
+import { computed as n, createBlock as r, createCommentVNode as i, createVNode as a, defineComponent as o, guardReactiveProps as s, mergeProps as c, normalizeClass as l, normalizeProps as u, openBlock as d, renderSlot as f, unref as p, useAttrs as m, withCtx as h } from "vue";
 import { Check as g, Minus as _ } from "@lucide/vue";
-import { checkbox as v } from "@wirecore/wirelayer-recipes";
-import { Checkbox as y } from "@ark-ui/vue/checkbox";
+import { checkbox as v, controlIds as y } from "@wirecore/wirelayer-recipes";
+import { Checkbox as b } from "@ark-ui/vue/checkbox";
+import { useFieldContext as x } from "@ark-ui/vue/field";
 //#endregion
 //#region src/components/Checkbox/Checkbox.vue
-var b = /* @__PURE__ */ o({
+var S = /* @__PURE__ */ o({
 	inheritAttrs: !1,
 	__name: "Checkbox",
 	props: {
@@ -32,51 +33,54 @@ var b = /* @__PURE__ */ o({
 		},
 		name: {},
 		value: {},
+		id: {},
 		classes: {}
 	},
 	emits: ["update:checked"],
-	setup(o, { emit: b }) {
-		let x = o, S = e("checkbox", v, () => x.classes), C = b, w = m(), T = n(() => t(w)), E = S();
-		return (e, t) => (d(), r(p(y).Root, {
-			class: c(p(E).base({ class: T.value.className })),
-			style: u(T.value.style),
+	setup(o, { emit: S }) {
+		let C = o, w = e("checkbox", v, () => C.classes), T = S, E = m(), D = n(() => t(E)), O = w(), k = x(), A = n(() => y(C.id, "hiddenInput", {
+			label: k?.value.ids.label,
+			hiddenInput: k?.value.ids.control
+		}));
+		return (e, t) => (d(), r(p(b).Root, c({
+			class: p(O).base({ class: D.value.className }),
+			style: D.value.style,
 			checked: o.checked,
 			"default-checked": o.defaultChecked,
 			disabled: o.disabled,
 			invalid: o.invalid,
 			required: o.required,
 			name: o.name,
-			value: o.value,
-			"onUpdate:checked": t[0] ||= (e) => C("update:checked", e)
-		}, {
+			value: o.value
+		}, A.value, { "onUpdate:checked": t[0] ||= (e) => T("update:checked", e) }), {
 			default: h(() => [
-				a(p(y).Control, { class: c(p(E).control()) }, {
-					default: h(() => [a(p(y).Indicator, null, {
+				a(p(b).Control, { class: l(p(O).control()) }, {
+					default: h(() => [a(p(b).Indicator, null, {
 						default: h(() => [a(p(g), {
-							class: c(p(E).icon()),
+							class: l(p(O).icon()),
 							"aria-hidden": "true"
 						}, null, 8, ["class"])]),
 						_: 1
-					}), a(p(y).Indicator, { indeterminate: "" }, {
+					}), a(p(b).Indicator, { indeterminate: "" }, {
 						default: h(() => [a(p(_), {
-							class: c(p(E).icon()),
+							class: l(p(O).icon()),
 							"aria-hidden": "true"
 						}, null, 8, ["class"])]),
 						_: 1
 					})]),
 					_: 1
 				}, 8, ["class"]),
-				e.$slots.default ? (d(), r(p(y).Label, {
+				e.$slots.default ? (d(), r(p(b).Label, {
 					key: 0,
-					class: c(p(E).label())
+					class: l(p(O).label())
 				}, {
 					default: h(() => [f(e.$slots, "default")]),
 					_: 3
 				}, 8, ["class"])) : i("", !0),
-				a(p(y).HiddenInput, l(s(T.value.rest)), null, 16)
+				a(p(b).HiddenInput, u(s(D.value.rest)), null, 16)
 			]),
 			_: 3
-		}, 8, [
+		}, 16, [
 			"class",
 			"style",
 			"checked",
@@ -90,4 +94,4 @@ var b = /* @__PURE__ */ o({
 	}
 });
 //#endregion
-export { b as t };
+export { S as t };