@mudakit/ui 0.1.0

package/dist/MudaFormRadioGroup-45qiNrzt.js

@@ -0,0 +1,48 @@
+import { Fragment as e, createElementBlock as t, createElementVNode as n, createTextVNode as r, defineComponent as i, mergeModels as a, normalizeClass as o, openBlock as s, renderList as c, renderSlot as l, toDisplayString as u, useModel as d, useSlots as f, vModelRadio as p, withDirectives as m } from "vue";
+//#region src/components/MudaFormRadioGroup/MudaFormRadioGroup.vue?vue&type=script&setup=true&lang.ts
+var h = {
+	class: "flex",
+	role: "radiogroup"
+}, g = ["value", "disabled"], _ = /* @__PURE__ */ i({
+	__name: "MudaFormRadioGroup",
+	props: /*@__PURE__*/ a({
+		items: {},
+		size: { default: "medium" },
+		disabled: { type: Boolean }
+	}, {
+		modelValue: { default: void 0 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(i) {
+		let a = i, _ = f(), v = d(i, "modelValue");
+		return (i, d) => (s(), t("div", h, [(s(!0), t(e, null, c(a.items, (c) => (s(), t("label", {
+			key: c.value,
+			class: o(["relative w-full flex-1 border-t border-b border-secondary-light text-center text-sm whitespace-nowrap after:absolute after:top-0 after:right-0 after:bottom-0 after:w-px after:bg-secondary-light after:content-[\\'\\'] first:rounded-l-lg first:border-l last:rounded-r-lg last:border-r last:after:hidden", {
+				"bg-primary text-white": v.value === c.value && (c.variant === "primary" || c.variant == null),
+				"bg-secondary text-white": v.value === c.value && c.variant === "secondary",
+				"bg-success text-white": v.value === c.value && c.variant === "success",
+				"bg-danger text-white": v.value === c.value && c.variant === "danger",
+				"bg-warning text-white": v.value === c.value && c.variant === "warning",
+				"bg-info text-white": v.value === c.value && c.variant === "info",
+				"bg-form-background text-secondary-dark": v.value !== c.value,
+				"cursor-not-allowed border-secondary-dark/20 bg-secondary-light/70 text-secondary-light after:bg-secondary-light/20": a.disabled,
+				"cursor-pointer": !a.disabled,
+				"px-2.5 py-1.5": a.size === "small",
+				"px-3 py-2": a.size === "medium",
+				"px-3.5 py-2.5": a.size === "large"
+			}])
+		}, [m(n("input", {
+			type: "radio",
+			value: c.value,
+			disabled: a.disabled,
+			"onUpdate:modelValue": d[0] ||= (e) => v.value = e,
+			class: "peer hidden"
+		}, null, 8, g), [[p, v.value]]), _.label == null ? (s(), t(e, { key: 0 }, [r(u(c.label), 1)], 64)) : l(i.$slots, "label", {
+			item: c,
+			isSelected: c.value === v.value
+		}, void 0, void 0, 1)], 2))), 128))]));
+	}
+});
+//#endregion
+export { _ as t };

package/dist/MudaFormSelect-Bt6EW1N-.js

@@ -0,0 +1,28 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { createElementBlock as t, createElementVNode as n, defineComponent as r, mergeModels as i, mergeProps as a, normalizeClass as o, openBlock as s, renderSlot as c, useModel as l, vModelSelect as u, withDirectives as d } from "vue";
+//#region src/components/MudaFormSelect/MudaFormSelect.vue?vue&type=script&setup=true&lang.ts
+var f = { class: /*@__PURE__*/ o([
+	"muda-form-select",
+	"relative inline-block w-full",
+	"after:content-[' '] after:pointer-events-none after:absolute after:block",
+	"after:h-2 after:w-3",
+	"after:bg-primary",
+	"after:top-4 after:right-4"
+]) }, p = /*#__PURE__*/ e(/* @__PURE__ */ r({
+	inheritAttrs: !1,
+	__name: "MudaFormSelect",
+	props: /*@__PURE__*/ i({ isInvalid: { type: Boolean } }, {
+		modelValue: { default: null },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let r = e, i = l(e, "modelValue");
+		return (e, o) => (s(), t("span", f, [d(n("select", a({ "onUpdate:modelValue": o[0] ||= (e) => i.value = e }, e.$attrs, { class: ["muda-control-reset h-10 w-full appearance-none rounded-md border bg-form-background px-2 text-secondary-dark focus:ring-2 focus:outline-hidden disabled:border-secondary-dark/20 disabled:text-secondary-light", {
+			"border-secondary-light focus:ring-primary-light": !r.isInvalid,
+			"border-danger focus:ring-danger-light": r.isInvalid
+		}] }), [c(e.$slots, "default", {}, void 0, !0)], 16), [[u, i.value]])]));
+	}
+}), [["__scopeId", "data-v-f36e4068"]]);
+//#endregion
+export { p as t };

package/dist/MudaFormSwitch-CtdB9qIP.js

@@ -0,0 +1,33 @@
+import { createElementBlock as e, createElementVNode as t, defineComponent as n, mergeModels as r, mergeProps as i, normalizeClass as a, openBlock as o, useModel as s, vModelCheckbox as c, withDirectives as l } from "vue";
+//#region src/components/MudaFormSwitch/MudaFormSwitch.vue?vue&type=script&setup=true&lang.ts
+var u = ["disabled"], d = /* @__PURE__ */ n({
+	inheritAttrs: !1,
+	__name: "MudaFormSwitch",
+	props: /*@__PURE__*/ r({ disabled: { type: Boolean } }, {
+		modelValue: { type: Boolean },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(n) {
+		let r = n, d = s(n, "modelValue");
+		return (n, s) => (o(), e("label", { class: a(["inline-flex items-center", r.disabled ? "cursor-not-allowed" : "cursor-pointer"]) }, [l(t("input", i(n.$attrs, {
+			"onUpdate:modelValue": s[0] ||= (e) => d.value = e,
+			type: "checkbox",
+			disabled: r.disabled,
+			class: "peer sr-only"
+		}), null, 16, u), [[c, d.value]]), s[1] ||= t("span", { class: a([
+			"peer",
+			"relative h-6 w-11",
+			"bg-form-background",
+			"ring-1 ring-secondary-light",
+			"rounded-full",
+			"after:absolute after:start-0.5 after:top-0.5 after:h-5 after:w-5 after:rounded-full after:bg-secondary-light after:transition-all after:content-['']",
+			"peer-focus:ring-2 peer-focus:ring-primary-light peer-focus:outline-hidden",
+			"peer-checked:bg-primary",
+			"peer-checked:after:translate-x-full peer-checked:after:bg-form-background peer-checked:rtl:after:-translate-x-full",
+			"peer-disabled:bg-secondary-light/70 peer-disabled:ring-secondary-dark/20 peer-disabled:after:bg-secondary-light"
+		]) }, null, -1)], 2));
+	}
+});
+//#endregion
+export { d as t };

package/dist/MudaFormText-s-Y3QoDX.js

@@ -0,0 +1,23 @@
+import { createElementBlock as e, defineComponent as t, mergeModels as n, mergeProps as r, openBlock as i, useModel as a, vModelText as o, withDirectives as s } from "vue";
+//#endregion
+//#region src/components/MudaFormText/MudaFormText.vue
+var c = /* @__PURE__ */ t({
+	__name: "MudaFormText",
+	props: /*@__PURE__*/ n({ isInvalid: { type: Boolean } }, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(t) {
+		let n = t, c = a(t, "modelValue");
+		return (t, a) => s((i(), e("textarea", r(t.$attrs, {
+			"onUpdate:modelValue": a[0] ||= (e) => c.value = e,
+			class: ["muda-control-reset block w-full rounded-md border bg-form-background p-2 focus:ring-2 focus:outline-hidden disabled:border-secondary-dark/20 disabled:text-secondary-light", {
+				"border-secondary-light text-secondary-dark placeholder:text-secondary-light focus:ring-primary-light": !n.isInvalid,
+				"border-danger text-danger-dark placeholder:text-danger-light focus:ring-danger-light": n.isInvalid
+			}]
+		}), null, 16)), [[o, c.value]]);
+	}
+});
+//#endregion
+export { c as t };