@snolui/vue 1.0.3 → 1.0.4

package/dist/snol-ui.js

@@ -26457,10 +26457,10 @@ var By = { install: function(e) {
 	setup(e) {
 		return (e, t) => (S(), c("div"));
 	}
-}), Rb = ["for"], zb = {
+}), Rb = { class: "snol-radio" }, zb = ["for"], Bb = {
 	key: 0,
 	class: "block mt-2 text-gray-500"
-}, Bb = /* @__PURE__ */ p({
+}, Vb = /* @__PURE__ */ p({
 	name: "SnolRadioGroup",
 	__name: "RadioGroup",
 	props: {
@@ -26474,7 +26474,8 @@ var By = { install: function(e) {
 		optionLabel: {},
 		optionValue: {},
 		isVertical: { type: Boolean },
-		color: { default: "primary" }
+		color: { default: "primary" },
+		size: { default: "md" }
 	},
 	setup(e) {
 		let n = e, r = N(), i = a(() => ({
@@ -26485,11 +26486,23 @@ var By = { install: function(e) {
 			warning: "snol-radio-group-warning",
 			info: "snol-radio-group-info",
 			error: "snol-radio-group-error"
-		})[n.color] || ""), o = a(() => [i.value].filter(Boolean).join(" "));
+		})[n.color] || ""), o = a(() => ({
+			sm: "snol-radio-group-size-sm",
+			md: "snol-radio-group-size-md",
+			lg: "snol-radio-group-size-lg"
+		})[n.size] || ""), u = a(() => ({
+			sm: "snol-label-sm",
+			md: "snol-label-md",
+			lg: "snol-label-lg"
+		})[n.size] || ""), p = a(() => [
+			i.value,
+			o.value,
+			u.value
+		].filter(Boolean).join(" "));
 		return (n, i) => {
 			let a = D("Message");
-			return S(), c("div", { class: v(["snol-radio", o.value]) }, [
-				l("label", null, A(e.label), 1),
+			return S(), c("div", Rb, [
+				l("label", { class: v(u.value) }, A(e.label), 3),
 				f(M(kv), g({
 					name: e.groupName,
 					class: ["flex", e.isVertical ? "flex-col items-start gap-1" : "items-center  gap-4 "]
@@ -26499,11 +26512,19 @@ var By = { install: function(e) {
 						key: n
 					}, [f(M(e_), {
 						inputId: `radio-${e.groupName}-${n}`,
-						value: e.optionValue ? [e.optionValue] : t.value
-					}, null, 8, ["inputId", "value"]), l("label", { for: `radio-${e.groupName}-${n}` }, A(e.optionLabel ? [e.optionLabel] : t.label), 9, Rb)]))), 128))]),
+						value: e.optionValue ? [e.optionValue] : t.value,
+						class: v(p.value)
+					}, null, 8, [
+						"inputId",
+						"value",
+						"class"
+					]), l("label", {
+						for: `radio-${e.groupName}-${n}`,
+						class: v(u.value)
+					}, A(e.optionLabel ? [e.optionLabel] : t.label), 11, zb)]))), 128))]),
 					_: 1
 				}, 16, ["name", "class"]),
-				e.description ? (S(), c("p", zb, A(e.description), 1)) : s("", !0),
+				e.description ? (S(), c("p", Bb, A(e.description), 1)) : s("", !0),
 				ie(f(a, {
 					severity: "error",
 					variant: "simple"
@@ -26511,10 +26532,10 @@ var By = { install: function(e) {
 					default: P(() => [d(A(e.errorMessage || "This field is required."), 1)]),
 					_: 1
 				}, 512), [[ne, e.invalid]])
-			], 2);
+			]);
 		};
 	}
-}), Vb = { class: "text-gray-700 text-base" }, Hb = {
+}), Hb = {
 	key: 0,
 	class: "text-red-500"
 }, Ub = ["for"], Wb = {
@@ -26522,7 +26543,7 @@ var By = { install: function(e) {
 	class: "block mt-2 text-gray-500"
 }, Gb = /* @__PURE__ */ p({
 	name: "SnolCheckbox",
-	__name: "Checkbox",
+	__name: "CheckboxGroup",
 	props: {
 		label: {},
 		required: { type: Boolean },
@@ -26538,34 +26559,40 @@ var By = { install: function(e) {
 	},
 	setup(e) {
 		let n = N(), r = e, i = a(() => ({
-			none: "snol-checkbox-radius-none",
-			sm: "snol-checkbox-radius-sm",
-			md: "snol-checkbox-radius-md",
-			lg: "snol-checkbox-radius-lg",
-			full: "snol-checkbox-radius-full"
+			none: "snol-checkbox-group-radius-none",
+			sm: "snol-checkbox-group-radius-sm",
+			md: "snol-checkbox-group-radius-md",
+			lg: "snol-checkbox-group-radius-lg",
+			full: "snol-checkbox-group-radius-full"
 		})[r.radius] || ""), o = a(() => ({
-			sm: "snol-checkbox-size-sm",
-			md: "snol-checkbox-size-md",
-			lg: "snol-checkbox-size-lg"
+			sm: "snol-checkbox-group-size-sm",
+			md: "snol-checkbox-group-size-md",
+			lg: "snol-checkbox-group-size-lg"
 		})[r.size] || ""), u = a(() => ({
-			primary: "snol-checkbox-primary",
-			secondary: "snol-checkbox-secondary",
-			success: "snol-checkbox-success",
-			danger: "snol-checkbox-danger",
-			warning: "snol-checkbox-warning",
-			info: "snol-checkbox-info",
-			error: "snol-checkbox-error"
-		})[r.color] || ""), p = a(() => [
+			primary: "snol-checkbox-group-primary",
+			secondary: "snol-checkbox-group-secondary",
+			success: "snol-checkbox-group-success",
+			danger: "snol-checkbox-group-danger",
+			warning: "snol-checkbox-group-warning",
+			info: "snol-checkbox-group-info",
+			error: "snol-checkbox-group-error"
+		})[r.color] || ""), p = a(() => ({
+			sm: "snol-label-sm",
+			md: "snol-label-md",
+			lg: "snol-label-lg"
+		})[r.size] || ""), m = a(() => [
 			i.value,
 			o.value,
-			u.value
+			p.value,
+			u.value,
+			r.class
 		].filter(Boolean).join(" "));
 		return (i, a) => {
 			let o = D("Message");
-			return S(), c("div", { class: v(["snol-checkbox", r.class]) }, [
-				l("label", Vb, [d(A(e.label) + " ", 1), e.required ? (S(), c("span", Hb, "*")) : s("", !0)]),
+			return S(), c("div", { class: v(["snol-checkbox-group", { "snol-field": e.label }]) }, [
+				l("label", { class: v(p.value) }, [d(A(e.label) + " ", 1), e.required ? (S(), c("span", Hb, "*")) : s("", !0)], 2),
 				l("div", { class: v(e.isVertical ? "flex flex-col gap-1" : "flex flex-wrap gap-4") }, [(S(!0), c(t, null, T(e.items, (t, i) => (S(), c("div", {
-					class: v(["flex items-center gap-2", p.value]),
+					class: v(["flex! items-center gap-2", m.value]),
 					key: i
 				}, [f(M(ah), g({
 					"input-id": `checkbox-${i}`,
@@ -26579,9 +26606,9 @@ var By = { install: function(e) {
 					"invalid"
 				]), e.label ? (S(), c("label", {
 					key: 0,
-					for: `checkbox-${i}`,
-					class: "select-none"
-				}, A(e.label), 9, Ub)) : s("", !0)], 2))), 128))], 2),
+					class: v([p.value, "select-none"]),
+					for: `checkbox-${i}`
+				}, A(e.label), 11, Ub)) : s("", !0)], 2))), 128))], 2),
 				e.description ? (S(), c("p", Wb, A(e.description), 1)) : s("", !0),
 				ie(f(o, {
 					severity: "error",
@@ -26675,7 +26702,7 @@ var By = { install: function(e) {
 	Ab,
 	Ib,
 	Lb,
-	Bb,
+	Vb,
 	Gb,
 	qb
 ];
@@ -28779,4 +28806,4 @@ function eO(e, t) {
 //#region src/index.ts
 var tO = Zb;
 //#endregion
-export { Ya as ApiAxios, ve as Md5, Ab as SnolAvatar, fb as SnolButton, bb as SnolCard, Gb as SnolCheckbox, mb as SnolChip, Db as SnolDatePicker, hb as SnolIcon, Jy as SnolInputNumber, sb as SnolInputNumberGroup, Gy as SnolInputText, ib as SnolInputTextGroup, Ib as SnolLoading, ub as SnolMultiSelect, wb as SnolOtp, Ob as SnolPopover, Lb as SnolProgress, Bb as SnolRadioGroup, tb as SnolSelect, pb as SnolTag, Qy as SnolTextarea, jy as SnolToast, gb as SnolTypography, qb as SnolUser, Ui as axios, ca as configureApi, tO as default, ze as helpers, Ve as required, eO as useRowManager, Qa as useSnolLocale, $D as useTableFilter, Vu as useToast, yt as useVuelidate, Qb as useZeroField };
+export { Ya as ApiAxios, ve as Md5, Ab as SnolAvatar, fb as SnolButton, bb as SnolCard, Gb as SnolCheckboxGroup, mb as SnolChip, Db as SnolDatePicker, hb as SnolIcon, Jy as SnolInputNumber, sb as SnolInputNumberGroup, Gy as SnolInputText, ib as SnolInputTextGroup, Ib as SnolLoading, ub as SnolMultiSelect, wb as SnolOtp, Ob as SnolPopover, Lb as SnolProgress, Vb as SnolRadioGroup, tb as SnolSelect, pb as SnolTag, Qy as SnolTextarea, jy as SnolToast, gb as SnolTypography, qb as SnolUser, Ui as axios, ca as configureApi, tO as default, ze as helpers, Ve as required, eO as useRowManager, Qa as useSnolLocale, $D as useTableFilter, Vu as useToast, yt as useVuelidate, Qb as useZeroField };