@webflare/ui 0.0.0-stage → 0.1.1

package/dist/FieldInput-h3MgGC6J.js

@@ -0,0 +1,150 @@
+import { t as FieldBase_default } from "./FieldBase-BwD6Dput.js";
+import { t as FieldLabel_default } from "./FieldLabel-BYlOJvXY.js";
+import { t as FieldFooter_default } from "./FieldFooter-CE598o7n.js";
+import { t as controlStyles } from "./controlStyles-Bf6fx2rL.js";
+import { t as useFieldControl } from "./useFieldControl-BkQi1zak.js";
+import { createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, mergeModels, mergeProps, normalizeClass, openBlock, unref, useModel, withCtx } from "vue";
+// src/internal/controls/ControlInput.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"id",
+	"name",
+	"type",
+	"placeholder",
+	"value",
+	"disabled",
+	"required",
+	"autocomplete",
+	"aria-invalid",
+	"aria-describedby"
+];
+// src/internal/controls/ControlInput.vue
+var ControlInput_default = /* @__PURE__ */ defineComponent({
+	__name: "ControlInput",
+	props: /*@__PURE__*/ mergeModels({
+		type: { default: "text" },
+		id: {},
+		name: {},
+		placeholder: {},
+		disabled: { type: Boolean },
+		required: { type: Boolean },
+		autocomplete: {},
+		size: { default: "md" },
+		valid: {
+			type: [Boolean, String],
+			default: "none"
+		},
+		class: {}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		/**
+		* @component ControlInput
+		* @description Text input. Reads id, ARIA links, and validity from Field.Base.
+		*/
+		const props = __props;
+		const model = useModel(__props, "modelValue");
+		const { id, describedBy, valid, invalid } = useFieldControl(props);
+		const handleInput = (event) => {
+			model.value = event.target.value;
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("input", {
+				id: unref(id),
+				name: __props.name || void 0,
+				class: normalizeClass([unref(controlStyles)({
+					size: __props.size,
+					valid: unref(valid)
+				}), props.class]),
+				type: __props.type,
+				placeholder: __props.placeholder || void 0,
+				value: model.value ?? "",
+				disabled: __props.disabled,
+				required: __props.required,
+				autocomplete: __props.autocomplete || void 0,
+				"aria-invalid": unref(invalid),
+				"aria-describedby": unref(describedBy),
+				onInput: handleInput
+			}, null, 42, _hoisted_1);
+		};
+	}
+});
+// src/components/Field/FieldInput.vue
+var FieldInput_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "FieldInput",
+	props: /*@__PURE__*/ mergeModels({
+		id: {},
+		name: {},
+		label: {},
+		disabled: { type: Boolean },
+		required: { type: Boolean },
+		size: { default: "md" },
+		message: {},
+		error: {},
+		class: {},
+		type: { default: "text" },
+		placeholder: {},
+		autocomplete: {}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		/**
+		* @component FieldInput
+		* @description Text input with label, helper text, and error. Native input attributes fall through to the input.
+		*/
+		const props = __props;
+		const model = useModel(__props, "modelValue");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(FieldBase_default, {
+				id: __props.id || void 0,
+				error: __props.error,
+				message: __props.message
+			}, {
+				default: withCtx(() => [
+					__props.label ? (openBlock(), createBlock(FieldLabel_default, {
+						key: 0,
+						label: __props.label,
+						required: __props.required,
+						size: "sm"
+					}, null, 8, ["label", "required"])) : createCommentVNode("", true),
+					createVNode(ControlInput_default, mergeProps({
+						modelValue: model.value,
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event)
+					}, _ctx.$attrs, {
+						type: __props.type,
+						placeholder: __props.placeholder,
+						autocomplete: __props.autocomplete,
+						name: __props.name,
+						disabled: __props.disabled,
+						required: __props.required,
+						size: __props.size,
+						class: props.class
+					}), null, 16, [
+						"modelValue",
+						"type",
+						"placeholder",
+						"autocomplete",
+						"name",
+						"disabled",
+						"required",
+						"size",
+						"class"
+					]),
+					createVNode(FieldFooter_default)
+				]),
+				_: 1
+			}, 8, [
+				"id",
+				"error",
+				"message"
+			]);
+		};
+	}
+});
+export { FieldInput_default as t };

package/dist/FieldLabel-BYlOJvXY.js

@@ -0,0 +1,37 @@
+import { t as fieldStyles } from "./styles-BU90HeKh.js";
+import { t as FieldRequired_default } from "./FieldRequired-7fJtYCdt.js";
+import { t as fieldContextKey } from "./context-Bk4uIMQS.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, inject, normalizeClass, openBlock, toDisplayString } from "vue";
+// src/components/Field/FieldLabel.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["for", "aria-disabled"];
+// src/components/Field/FieldLabel.vue
+var FieldLabel_default = /* @__PURE__ */ defineComponent({
+	__name: "FieldLabel",
+	props: {
+		label: {},
+		for: {},
+		size: { default: "md" },
+		required: { type: Boolean },
+		disabled: { type: Boolean },
+		class: {}
+	},
+	setup(__props) {
+		/**
+		* @component FieldLabel
+		* @description Field label with size variants and a required mark.
+		* Points at the control through `for` or the Field.Base context.
+		*/
+		const props = __props;
+		const fieldContext = inject(fieldContextKey, null);
+		const htmlFor = computed(() => props.for || fieldContext?.fieldId.value || void 0);
+		const classes = computed(() => fieldStyles({ size: props.size }));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("label", {
+				for: htmlFor.value,
+				class: normalizeClass([classes.value.label, props.class]),
+				"aria-disabled": props.disabled || void 0
+			}, [createTextVNode(toDisplayString(props.label) + " ", 1), props.required ? (openBlock(), createBlock(FieldRequired_default, { key: 0 })) : createCommentVNode("", true)], 10, _hoisted_1);
+		};
+	}
+});
+export { FieldLabel_default as t };

package/dist/FieldLabel-DBKhMbql.cjs

@@ -0,0 +1,42 @@
+const require_styles = require("./styles-CuN4CHU4.cjs");
+const require_FieldRequired = require("./FieldRequired-CJtyr3cL.cjs");
+const require_context = require("./context-cK3z69qT.cjs");
+let vue = require("vue");
+// src/components/Field/FieldLabel.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["for", "aria-disabled"];
+// src/components/Field/FieldLabel.vue
+var FieldLabel_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "FieldLabel",
+	props: {
+		label: {},
+		for: {},
+		size: { default: "md" },
+		required: { type: Boolean },
+		disabled: { type: Boolean },
+		class: {}
+	},
+	setup(__props) {
+		/**
+		* @component FieldLabel
+		* @description Field label with size variants and a required mark.
+		* Points at the control through `for` or the Field.Base context.
+		*/
+		const props = __props;
+		const fieldContext = (0, vue.inject)(require_context.fieldContextKey, null);
+		const htmlFor = (0, vue.computed)(() => props.for || fieldContext?.fieldId.value || void 0);
+		const classes = (0, vue.computed)(() => require_styles.fieldStyles({ size: props.size }));
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("label", {
+				for: htmlFor.value,
+				class: (0, vue.normalizeClass)([classes.value.label, props.class]),
+				"aria-disabled": props.disabled || void 0
+			}, [(0, vue.createTextVNode)((0, vue.toDisplayString)(props.label) + " ", 1), props.required ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_FieldRequired.FieldRequired_default, { key: 0 })) : (0, vue.createCommentVNode)("", true)], 10, _hoisted_1);
+		};
+	}
+});
+Object.defineProperty(exports, "FieldLabel_default", {
+	enumerable: true,
+	get: function() {
+		return FieldLabel_default;
+	}
+});

package/dist/FieldMessage-C83iNsEp.cjs

@@ -0,0 +1,40 @@
+const require_styles = require("./styles-CuN4CHU4.cjs");
+const require_context = require("./context-cK3z69qT.cjs");
+let vue = require("vue");
+// src/components/Field/FieldMessage.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["id", "innerHTML"];
+// src/components/Field/FieldMessage.vue
+var FieldMessage_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "FieldMessage",
+	props: {
+		message: { default: null },
+		id: {},
+		class: {}
+	},
+	setup(__props) {
+		/**
+		* @component FieldMessage
+		* @description Helper text. Reads the Field.Base context when `message` is omitted.
+		* Rendered as HTML.
+		*/
+		const props = __props;
+		const fieldContext = (0, vue.inject)(require_context.fieldContextKey, null);
+		const displayMessage = (0, vue.computed)(() => props.message || fieldContext?.message.value || null);
+		const messageId = (0, vue.computed)(() => props.id || fieldContext?.messageId.value || void 0);
+		const classes = require_styles.fieldStyles();
+		return (_ctx, _cache) => {
+			return displayMessage.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+				key: 0,
+				id: messageId.value,
+				class: (0, vue.normalizeClass)([(0, vue.unref)(classes).message, props.class]),
+				innerHTML: displayMessage.value
+			}, null, 10, _hoisted_1)) : (0, vue.createCommentVNode)("", true);
+		};
+	}
+});
+Object.defineProperty(exports, "FieldMessage_default", {
+	enumerable: true,
+	get: function() {
+		return FieldMessage_default;
+	}
+});

package/dist/FieldMessage-GyO_RQdK.js

@@ -0,0 +1,35 @@
+import { t as fieldStyles } from "./styles-BU90HeKh.js";
+import { t as fieldContextKey } from "./context-Bk4uIMQS.js";
+import { computed, createCommentVNode, createElementBlock, defineComponent, inject, normalizeClass, openBlock, unref } from "vue";
+// src/components/Field/FieldMessage.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["id", "innerHTML"];
+// src/components/Field/FieldMessage.vue
+var FieldMessage_default = /* @__PURE__ */ defineComponent({
+	__name: "FieldMessage",
+	props: {
+		message: { default: null },
+		id: {},
+		class: {}
+	},
+	setup(__props) {
+		/**
+		* @component FieldMessage
+		* @description Helper text. Reads the Field.Base context when `message` is omitted.
+		* Rendered as HTML.
+		*/
+		const props = __props;
+		const fieldContext = inject(fieldContextKey, null);
+		const displayMessage = computed(() => props.message || fieldContext?.message.value || null);
+		const messageId = computed(() => props.id || fieldContext?.messageId.value || void 0);
+		const classes = fieldStyles();
+		return (_ctx, _cache) => {
+			return displayMessage.value ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				id: messageId.value,
+				class: normalizeClass([unref(classes).message, props.class]),
+				innerHTML: displayMessage.value
+			}, null, 10, _hoisted_1)) : createCommentVNode("", true);
+		};
+	}
+});
+export { FieldMessage_default as t };

package/dist/FieldRadioGroup-CLWFr3aL.cjs

@@ -0,0 +1,158 @@
+const require_FieldBase = require("./FieldBase-X1FWOqPU.cjs");
+const require_FieldLabel = require("./FieldLabel-DBKhMbql.cjs");
+const require_FieldFooter = require("./FieldFooter-05GxwrFg.cjs");
+const require_choiceStyles = require("./choiceStyles-DIVBtoZF.cjs");
+const require_useFieldControl = require("./useFieldControl-CEI7IRAa.cjs");
+let vue = require("vue");
+let reka_ui = require("reka-ui");
+// src/internal/controls/ControlRadioGroup.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-disabled"];
+// src/internal/controls/ControlRadioGroup.vue
+var ControlRadioGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "ControlRadioGroup",
+	props: /*@__PURE__*/ (0, vue.mergeModels)({
+		id: {},
+		name: {},
+		options: { default: () => [] },
+		disabled: { type: Boolean },
+		required: { type: Boolean },
+		size: { default: "md" },
+		class: {}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		/**
+		* @component ControlRadioGroup
+		* @description Radio group built on reka-ui RadioGroup primitives.
+		*/
+		const props = __props;
+		const model = (0, vue.useModel)(__props, "modelValue");
+		const { id, describedBy, invalid } = require_useFieldControl.useFieldControl(props);
+		const classes = (0, vue.computed)(() => require_choiceStyles.radioGroupStyles({ size: props.size }));
+		const handleUpdate = (value) => {
+			if (value == null) return;
+			model.value = String(value);
+		};
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.RadioGroupRoot), {
+				id: (0, vue.unref)(id),
+				name: __props.name || void 0,
+				required: __props.required,
+				disabled: __props.disabled,
+				"model-value": model.value || void 0,
+				"aria-invalid": (0, vue.unref)(invalid),
+				"aria-describedby": (0, vue.unref)(describedBy),
+				class: (0, vue.normalizeClass)([classes.value.root, props.class]),
+				"onUpdate:modelValue": handleUpdate
+			}, {
+				default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.options, (option) => {
+					return (0, vue.openBlock)(), (0, vue.createElementBlock)("label", {
+						key: option.value,
+						class: (0, vue.normalizeClass)(classes.value.item),
+						"data-disabled": __props.disabled || option.disabled ? "" : void 0
+					}, [(0, vue.createVNode)((0, vue.unref)(reka_ui.RadioGroupItem), {
+						value: option.value,
+						disabled: __props.disabled || option.disabled,
+						"aria-invalid": (0, vue.unref)(invalid),
+						class: (0, vue.normalizeClass)(classes.value.control)
+					}, {
+						default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.RadioGroupIndicator), { class: (0, vue.normalizeClass)(classes.value.indicator) }, null, 8, ["class"])]),
+						_: 1
+					}, 8, [
+						"value",
+						"disabled",
+						"aria-invalid",
+						"class"
+					]), (0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)(classes.value.label) }, (0, vue.toDisplayString)(option.label), 3)], 10, _hoisted_1);
+				}), 128))]),
+				_: 1
+			}, 8, [
+				"id",
+				"name",
+				"required",
+				"disabled",
+				"model-value",
+				"aria-invalid",
+				"aria-describedby",
+				"class"
+			]);
+		};
+	}
+});
+// src/components/Field/FieldRadioGroup.vue
+var FieldRadioGroup_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "FieldRadioGroup",
+	props: /*@__PURE__*/ (0, vue.mergeModels)({
+		id: {},
+		name: {},
+		label: {},
+		disabled: { type: Boolean },
+		required: { type: Boolean },
+		size: { default: "md" },
+		message: {},
+		error: {},
+		class: {},
+		options: { default: () => [] }
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		/**
+		* @component FieldRadioGroup
+		* @description Radio group with label, helper text, and error.
+		*/
+		const props = __props;
+		const model = (0, vue.useModel)(__props, "modelValue");
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)(require_FieldBase.FieldBase_default, {
+				id: __props.id || void 0,
+				error: __props.error,
+				message: __props.message
+			}, {
+				default: (0, vue.withCtx)(() => [
+					__props.label ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_FieldLabel.FieldLabel_default, {
+						key: 0,
+						label: __props.label,
+						required: __props.required,
+						size: "sm"
+					}, null, 8, ["label", "required"])) : (0, vue.createCommentVNode)("", true),
+					(0, vue.createVNode)(ControlRadioGroup_default, {
+						modelValue: model.value,
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+						options: __props.options,
+						name: __props.name,
+						disabled: __props.disabled,
+						required: __props.required,
+						size: __props.size,
+						class: (0, vue.normalizeClass)(props.class)
+					}, null, 8, [
+						"modelValue",
+						"options",
+						"name",
+						"disabled",
+						"required",
+						"size",
+						"class"
+					]),
+					(0, vue.createVNode)(require_FieldFooter.FieldFooter_default)
+				]),
+				_: 1
+			}, 8, [
+				"id",
+				"error",
+				"message"
+			]);
+		};
+	}
+});
+Object.defineProperty(exports, "FieldRadioGroup_default", {
+	enumerable: true,
+	get: function() {
+		return FieldRadioGroup_default;
+	}
+});

package/dist/FieldRadioGroup-CmQ5JOjv.js

@@ -0,0 +1,153 @@
+import { t as FieldBase_default } from "./FieldBase-BwD6Dput.js";
+import { t as FieldLabel_default } from "./FieldLabel-BYlOJvXY.js";
+import { t as FieldFooter_default } from "./FieldFooter-CE598o7n.js";
+import { n as radioGroupStyles } from "./choiceStyles-DRjL1Y2d.js";
+import { t as useFieldControl } from "./useFieldControl-BkQi1zak.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, renderList, toDisplayString, unref, useModel, withCtx } from "vue";
+import { RadioGroupIndicator, RadioGroupItem, RadioGroupRoot } from "reka-ui";
+// src/internal/controls/ControlRadioGroup.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-disabled"];
+// src/internal/controls/ControlRadioGroup.vue
+var ControlRadioGroup_default = /* @__PURE__ */ defineComponent({
+	__name: "ControlRadioGroup",
+	props: /*@__PURE__*/ mergeModels({
+		id: {},
+		name: {},
+		options: { default: () => [] },
+		disabled: { type: Boolean },
+		required: { type: Boolean },
+		size: { default: "md" },
+		class: {}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		/**
+		* @component ControlRadioGroup
+		* @description Radio group built on reka-ui RadioGroup primitives.
+		*/
+		const props = __props;
+		const model = useModel(__props, "modelValue");
+		const { id, describedBy, invalid } = useFieldControl(props);
+		const classes = computed(() => radioGroupStyles({ size: props.size }));
+		const handleUpdate = (value) => {
+			if (value == null) return;
+			model.value = String(value);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(RadioGroupRoot), {
+				id: unref(id),
+				name: __props.name || void 0,
+				required: __props.required,
+				disabled: __props.disabled,
+				"model-value": model.value || void 0,
+				"aria-invalid": unref(invalid),
+				"aria-describedby": unref(describedBy),
+				class: normalizeClass([classes.value.root, props.class]),
+				"onUpdate:modelValue": handleUpdate
+			}, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+					return openBlock(), createElementBlock("label", {
+						key: option.value,
+						class: normalizeClass(classes.value.item),
+						"data-disabled": __props.disabled || option.disabled ? "" : void 0
+					}, [createVNode(unref(RadioGroupItem), {
+						value: option.value,
+						disabled: __props.disabled || option.disabled,
+						"aria-invalid": unref(invalid),
+						class: normalizeClass(classes.value.control)
+					}, {
+						default: withCtx(() => [createVNode(unref(RadioGroupIndicator), { class: normalizeClass(classes.value.indicator) }, null, 8, ["class"])]),
+						_: 1
+					}, 8, [
+						"value",
+						"disabled",
+						"aria-invalid",
+						"class"
+					]), createElementVNode("span", { class: normalizeClass(classes.value.label) }, toDisplayString(option.label), 3)], 10, _hoisted_1);
+				}), 128))]),
+				_: 1
+			}, 8, [
+				"id",
+				"name",
+				"required",
+				"disabled",
+				"model-value",
+				"aria-invalid",
+				"aria-describedby",
+				"class"
+			]);
+		};
+	}
+});
+// src/components/Field/FieldRadioGroup.vue
+var FieldRadioGroup_default = /* @__PURE__ */ defineComponent({
+	__name: "FieldRadioGroup",
+	props: /*@__PURE__*/ mergeModels({
+		id: {},
+		name: {},
+		label: {},
+		disabled: { type: Boolean },
+		required: { type: Boolean },
+		size: { default: "md" },
+		message: {},
+		error: {},
+		class: {},
+		options: { default: () => [] }
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		/**
+		* @component FieldRadioGroup
+		* @description Radio group with label, helper text, and error.
+		*/
+		const props = __props;
+		const model = useModel(__props, "modelValue");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(FieldBase_default, {
+				id: __props.id || void 0,
+				error: __props.error,
+				message: __props.message
+			}, {
+				default: withCtx(() => [
+					__props.label ? (openBlock(), createBlock(FieldLabel_default, {
+						key: 0,
+						label: __props.label,
+						required: __props.required,
+						size: "sm"
+					}, null, 8, ["label", "required"])) : createCommentVNode("", true),
+					createVNode(ControlRadioGroup_default, {
+						modelValue: model.value,
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+						options: __props.options,
+						name: __props.name,
+						disabled: __props.disabled,
+						required: __props.required,
+						size: __props.size,
+						class: normalizeClass(props.class)
+					}, null, 8, [
+						"modelValue",
+						"options",
+						"name",
+						"disabled",
+						"required",
+						"size",
+						"class"
+					]),
+					createVNode(FieldFooter_default)
+				]),
+				_: 1
+			}, 8, [
+				"id",
+				"error",
+				"message"
+			]);
+		};
+	}
+});
+export { FieldRadioGroup_default as t };

package/dist/FieldRequired-7fJtYCdt.js

@@ -0,0 +1,16 @@
+import { t as fieldStyles } from "./styles-BU90HeKh.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, unref } from "vue";
+// src/components/Field/FieldRequired.vue
+var FieldRequired_default = /* @__PURE__ */ defineComponent({
+	__name: "FieldRequired",
+	setup(__props) {
+		const classes = fieldStyles();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", {
+				class: normalizeClass(unref(classes).required),
+				"aria-hidden": "true"
+			}, "*", 2);
+		};
+	}
+});
+export { FieldRequired_default as t };

package/dist/FieldRequired-CJtyr3cL.cjs

@@ -0,0 +1,21 @@
+const require_styles = require("./styles-CuN4CHU4.cjs");
+let vue = require("vue");
+// src/components/Field/FieldRequired.vue
+var FieldRequired_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "FieldRequired",
+	setup(__props) {
+		const classes = require_styles.fieldStyles();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+				class: (0, vue.normalizeClass)((0, vue.unref)(classes).required),
+				"aria-hidden": "true"
+			}, "*", 2);
+		};
+	}
+});
+Object.defineProperty(exports, "FieldRequired_default", {
+	enumerable: true,
+	get: function() {
+		return FieldRequired_default;
+	}
+});