npm - @auronui/vue - Versions diffs - 1.0.0 - Mend

@auronui/vue 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1412) hide show

package/dist/components/fieldset/Fieldset.vue_vue_type_script_setup_true_lang.js ADDED Viewed

@@ -0,0 +1,55 @@
+import { computed, createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref } from "vue";
+import { fieldsetVariants } from "@auronui/styles";
+//#region src/components/fieldset/Fieldset.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["disabled"];
+/**
+* Fieldset component — semantic HTML grouping for related form controls.
+*
+* Renders a <fieldset> with an optional <legend> for labeling the group.
+* Fieldset is purely structural and does not participate in VeeValidate
+* validation directly (per D-09). Its primary purpose is to group related
+* form controls with correct ARIA semantics for screen readers.
+*
+* Accessibility: <fieldset> + <legend> is the canonical HTML way to associate
+* a group label with its contained controls. Screen readers announce the
+* legend when entering the group.
+*
+* @example
+* <Fieldset legend="Personal Information">
+*   <Input name="firstName" label="First Name" />
+*   <Input name="lastName" label="Last Name" />
+* </Fieldset>
+*/
+var Fieldset_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Fieldset",
+	props: {
+		legend: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		class: { default: void 0 }
+	},
+	setup(__props) {
+		const props = __props;
+		const styles = fieldsetVariants();
+		const baseClass = computed(() => {
+			const classes = [styles.base()];
+			if (props.class) classes.push(props.class);
+			return classes.join(" ");
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("fieldset", {
+				class: normalizeClass(baseClass.value),
+				disabled: props.disabled || void 0
+			}, [props.legend ? (openBlock(), createElementBlock("legend", {
+				key: 0,
+				class: normalizeClass(unref(styles).legend())
+			}, toDisplayString(props.legend), 3)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { Fieldset_vue_vue_type_script_setup_true_lang_default as default };
+//# sourceMappingURL=Fieldset.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/fieldset/Fieldset.vue_vue_type_script_setup_true_lang.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Fieldset.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/fieldset/Fieldset.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { fieldsetVariants } from '@auronui/styles'\n\n/**\n * Fieldset component — semantic HTML grouping for related form controls.\n *\n * Renders a <fieldset> with an optional <legend> for labeling the group.\n * Fieldset is purely structural and does not participate in VeeValidate\n * validation directly (per D-09). Its primary purpose is to group related\n * form controls with correct ARIA semantics for screen readers.\n *\n * Accessibility: <fieldset> + <legend> is the canonical HTML way to associate\n * a group label with its contained controls. Screen readers announce the\n * legend when entering the group.\n *\n * @example\n * <Fieldset legend=\"Personal Information\">\n * <Input name=\"firstName\" label=\"First Name\" />\n * <Input name=\"lastName\" label=\"Last Name\" />\n * </Fieldset>\n */\nconst props = withDefaults(\n defineProps<{\n /** Text content for the <legend> element; omit to render fieldset without a legend */\n legend?: string\n /** When true, disables all form controls inside this fieldset */\n disabled?: boolean\n /** Additional CSS classes applied to the <fieldset> element */\n class?: string\n }>(),\n {\n legend: undefined,\n disabled: false,\n class: undefined,\n }\n)\n\nconst styles = fieldsetVariants()\n\nconst baseClass = computed(() => {\n const classes = [styles.base()]\n if (props.class) classes.push(props.class)\n return classes.join(' ')\n})\n</script>\n\n<template>\n <fieldset\n :class=\"baseClass\"\n :disabled=\"props.disabled || undefined\"\n >\n <legend\n v-if=\"props.legend\"\n :class=\"styles.legend()\"\n >\n {{ props.legend }}\n </legend>\n <slot />\n </fieldset>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsBA,MAAM,QAAQ;EAgBd,MAAM,SAAS,kBAAiB;EAEhC,MAAM,YAAY,eAAe;GAC/B,MAAM,UAAU,CAAC,OAAO,MAAM,CAAA;AAC9B,OAAI,MAAM,MAAO,SAAQ,KAAK,MAAM,MAAK;AACzC,UAAO,QAAQ,KAAK,IAAG;IACxB;;uBAIC,mBAWW,YAAA;IAVR,OAAK,eAAE,UAAA,MAAS;IAChB,UAAU,MAAM,YAAY,KAAA;OAGrB,MAAM,UAAA,WAAA,EADd,mBAKS,UAAA;;IAHN,OAAK,eAAE,MAAA,OAAM,CAAC,QAAM,CAAA;sBAElB,MAAM,OAAM,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,EAEjB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA"}

package/dist/components/header/Header.js ADDED Viewed

@@ -0,0 +1,7 @@
+import Header_vue_vue_type_script_setup_true_lang_default from "./Header.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/header/Header.vue
+var Header_default = Header_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Header_default as default };
+//# sourceMappingURL=Header.js.map

package/dist/components/header/Header.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Header.js","names":[],"sources":["../../../src/components/header/Header.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { headerVariants } from \"@auronui/styles\";\nimport { composeClassName } from \"../../utils/composeClassName\";\n\nconst props = withDefaults(\n defineProps<{\n as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n class?: string;\n }>(),\n {\n as: \"h2\",\n },\n);\n\nconst classes = computed(() => composeClassName(headerVariants(), props.class));\n</script>\n\n<template>\n <component\n :is=\"props.as\"\n :class=\"classes\"\n >\n <slot />\n </component>\n</template>\n"],"mappings":""}

package/dist/components/header/Header.vue_vue_type_script_setup_true_lang.js ADDED Viewed

@@ -0,0 +1,25 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { computed, createBlock, defineComponent, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, withCtx } from "vue";
+import { headerVariants } from "@auronui/styles";
+//#region src/components/header/Header.vue?vue&type=script&setup=true&lang.ts
+var Header_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Header",
+	props: {
+		as: { default: "h2" },
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const classes = computed(() => composeClassName(headerVariants(), props.class));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(props.as), { class: normalizeClass(classes.value) }, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["class"]);
+		};
+	}
+});
+//#endregion
+export { Header_vue_vue_type_script_setup_true_lang_default as default };
+//# sourceMappingURL=Header.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/header/Header.vue_vue_type_script_setup_true_lang.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Header.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/header/Header.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { headerVariants } from \"@auronui/styles\";\nimport { composeClassName } from \"../../utils/composeClassName\";\n\nconst props = withDefaults(\n defineProps<{\n as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n class?: string;\n }>(),\n {\n as: \"h2\",\n },\n);\n\nconst classes = computed(() => composeClassName(headerVariants(), props.class));\n</script>\n\n<template>\n <component\n :is=\"props.as\"\n :class=\"classes\"\n >\n <slot />\n </component>\n</template>\n"],"mappings":";;;;;;;;;;;EAKA,MAAM,QAAQ;EAUd,MAAM,UAAU,eAAe,iBAAiB,gBAAgB,EAAE,MAAM,MAAM,CAAC;;uBAI7E,YAKY,wBAJL,MAAM,GAAE,EAAA,EACZ,OAAK,eAAE,QAAA,MAAO,EAAA,EAAA;2BAEP,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/input/Input.js ADDED Viewed

@@ -0,0 +1,7 @@
+import Input_vue_vue_type_script_setup_true_lang_default from "./Input.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/input/Input.vue
+var Input_default = Input_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Input_default as default };
+//# sourceMappingURL=Input.js.map

package/dist/components/input/Input.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Input.js","names":[],"sources":["../../../src/components/input/Input.vue"],"sourcesContent":["\n<script setup lang=\"ts\">\nimport { computed, nextTick, ref, useAttrs, useId, useTemplateRef } from 'vue'\nimport { inputVariants, type InputVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<Props>(), {\n variant: 'flat',\n size: 'md',\n color: 'default',\n labelPlacement: 'inside',\n fullWidth: false,\n isInvalid: false,\n isDisabled: false,\n isReadonly: false,\n isRequired: false,\n isClearable: false,\n showPasswordToggle: false,\n type: 'text',\n})\n\nconst emit = defineEmits<{\n /**\n * Fired when the user activates the clear (×) button.\n * At the time this fires the v-model value is already '' and focus\n * has been returned to the input element.\n */\n clear: []\n}>()\n\n/**\n * Two-way value. String for text-like types, number for type=\"number\",\n * null allowed so controlled consumers can represent \"no value\" without\n * coercing to empty string.\n */\nconst modelValue = defineModel<string | number | null>({ default: '' })\n\ntype Props = {\n /** Visual style of the field. @default 'flat' */\n variant?: InputVariants['variant']\n /** Field height. @default 'md' */\n size?: InputVariants['size']\n /** Accent color applied to focus ring + floating label. @default 'default' */\n color?: InputVariants['color']\n /**\n * Where the `label` is rendered relative to the field.\n * - `inside`: floats above the input (shrinks when focused/filled)\n * - `outside`: sits above the field, static\n * - `outside-left`: sits to the left, horizontal layout\n * @default 'inside'\n */\n labelPlacement?: InputVariants['labelPlacement']\n /** Stretches root wrapper to 100% width. @default false */\n fullWidth?: boolean\n /** Marks the field as invalid. Triggers danger styling and enables `errorMessage`. @default false */\n isInvalid?: boolean\n /** Disables the field. @default false */\n isDisabled?: boolean\n /** Makes the field read-only. @default false */\n isReadonly?: boolean\n /** Adds a required asterisk next to the label and the `required` attribute on the input. @default false */\n isRequired?: boolean\n /** Shows an × button that clears the value and refocuses the input when value is non-empty. @default false */\n isClearable?: boolean\n /** Shows a show/hide eye button. Only active when `type === 'password'`. @default false */\n showPasswordToggle?: boolean\n /** Native input type (e.g. `text`, `email`, `password`, `number`). @default 'text' */\n type?: string\n /** Placeholder shown when empty. Hidden behind the floating label until focused/filled for `labelPlacement: 'inside'`. */\n placeholder?: string\n /** Form field name, for native form submission. */\n name?: string\n /** Field label. When omitted, the floating-label behavior is skipped. */\n label?: string\n /** Helper text displayed below the field. Suppressed when `isInvalid && errorMessage` is shown. */\n description?: string\n /** Error text displayed below the field. Only rendered when `isInvalid` is also true. Takes precedence over `description`. */\n errorMessage?: string\n /** Extra classes merged onto the root wrapper via `composeClassName`. */\n class?: string\n}\n\nconst attrs = useAttrs()\nconst generatedId = useId()\nconst inputId = computed(() => (attrs.id as string | undefined) ?? generatedId)\nconst inputAttrs = computed(() =>\n Object.fromEntries(Object.entries(attrs).filter(([k]) => k !== 'id'))\n)\n\nconst inputEl = useTemplateRef<HTMLInputElement>('inputEl')\n\nconst hasLabel = computed(() => !!props.label)\nconst isFilled = computed(\n () => modelValue.value !== null && modelValue.value !== undefined && String(modelValue.value) !== '',\n)\n\nconst descriptionId = computed(() => `${inputId.value}-description`)\nconst errorMessageId = computed(() => `${inputId.value}-error`)\nconst showError = computed(() => props.isInvalid && !!props.errorMessage)\nconst showDescription = computed(() => !!props.description && !showError.value)\nconst hasHelper = computed(() => showError.value || showDescription.value)\nconst ariaDescribedBy = computed(() => {\n if (showError.value) return errorMessageId.value\n if (showDescription.value) return descriptionId.value\n return undefined\n})\n\nconst isPasswordVisible = ref(false)\nconst isPasswordField = computed(() => props.type === 'password')\nconst effectiveType = computed(() =>\n isPasswordField.value && isPasswordVisible.value ? 'text' : props.type,\n)\n\nconst isInteractive = computed(() => !props.isDisabled && !props.isReadonly)\nconst showClearButton = computed(\n () => props.isClearable && isFilled.value && isInteractive.value,\n)\nconst showPasswordToggleButton = computed(\n () => props.showPasswordToggle && isPasswordField.value && isInteractive.value,\n)\n\nfunction handleClear() {\n modelValue.value = ''\n emit('clear')\n nextTick(() => inputEl.value?.focus())\n}\n\nfunction togglePasswordVisibility() {\n isPasswordVisible.value = !isPasswordVisible.value\n}\n\nconst slotFns = computed(() =>\n inputVariants({\n variant: props.variant,\n size: props.size,\n color: props.color,\n fullWidth: props.fullWidth,\n isInvalid: props.isInvalid,\n isDisabled: props.isDisabled,\n isReadonly: props.isReadonly,\n hasLabel: hasLabel.value,\n labelPlacement: props.labelPlacement,\n }),\n)\n\nconst showOutsideLabel = computed(\n () => hasLabel.value && props.labelPlacement !== 'inside',\n)\nconst showInsideLabel = computed(\n () => hasLabel.value && props.labelPlacement === 'inside',\n)\n</script>\n\n<template>\n <div\n :class=\"composeClassName(slotFns.base(), props.class)\"\n :data-invalid=\"isInvalid || undefined\"\n :data-disabled=\"isDisabled || undefined\"\n :data-readonly=\"isReadonly || undefined\"\n :data-required=\"isRequired || undefined\"\n :data-has-label=\"hasLabel || undefined\"\n :data-has-helper=\"hasHelper || undefined\"\n >\n <label\n v-if=\"showOutsideLabel\"\n :for=\"inputId\"\n :class=\"slotFns.label()\"\n >{{ label }}<span\n v-if=\"isRequired\"\n aria-hidden=\"true\"\n > *</span></label>\n\n <div :class=\"slotFns.mainWrapper()\">\n <div\n :class=\"slotFns.inputWrapper()\"\n :data-filled=\"hasLabel ? (isFilled || undefined) : undefined\"\n >\n <label\n v-if=\"showInsideLabel\"\n :for=\"inputId\"\n :class=\"slotFns.label()\"\n >{{ label }}<span\n v-if=\"isRequired\"\n aria-hidden=\"true\"\n > *</span></label>\n <span\n v-if=\"$slots.startContent\"\n :class=\"slotFns.startContent()\"\n >\n <slot name=\"startContent\" />\n </span>\n <input\n v-bind=\"inputAttrs\"\n :id=\"inputId\"\n ref=\"inputEl\"\n v-model=\"modelValue\"\n :type=\"effectiveType\"\n :placeholder=\"placeholder\"\n :name=\"name\"\n :disabled=\"isDisabled || undefined\"\n :readonly=\"isReadonly || undefined\"\n :required=\"isRequired || undefined\"\n :aria-invalid=\"isInvalid || undefined\"\n :aria-describedby=\"ariaDescribedBy\"\n :class=\"slotFns.input()\"\n >\n <span\n v-if=\"$slots.endContent\"\n :class=\"slotFns.endContent()\"\n >\n <slot name=\"endContent\" />\n </span>\n <button\n v-if=\"showClearButton\"\n type=\"button\"\n tabindex=\"-1\"\n :class=\"slotFns.clearButton()\"\n aria-label=\"Clear input\"\n @click=\"handleClear\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n aria-hidden=\"true\"\n >\n <circle\n cx=\"12\"\n cy=\"12\"\n r=\"10\"\n />\n <line\n x1=\"15\"\n y1=\"9\"\n x2=\"9\"\n y2=\"15\"\n />\n <line\n x1=\"9\"\n y1=\"9\"\n x2=\"15\"\n y2=\"15\"\n />\n </svg>\n </button>\n <button\n v-if=\"showPasswordToggleButton\"\n type=\"button\"\n :class=\"slotFns.passwordToggle()\"\n :aria-label=\"isPasswordVisible ? 'Hide password' : 'Show password'\"\n :aria-pressed=\"isPasswordVisible\"\n @click=\"togglePasswordVisibility\"\n >\n <svg\n v-if=\"isPasswordVisible\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n aria-hidden=\"true\"\n >\n <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24\" />\n <line\n x1=\"1\"\n y1=\"1\"\n x2=\"23\"\n y2=\"23\"\n />\n </svg>\n <svg\n v-else\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n aria-hidden=\"true\"\n >\n <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n <circle\n cx=\"12\"\n cy=\"12\"\n r=\"3\"\n />\n </svg>\n </button>\n </div>\n\n <div\n v-if=\"hasHelper\"\n :class=\"slotFns.helperWrapper()\"\n >\n <div\n v-if=\"showError\"\n :id=\"errorMessageId\"\n :class=\"slotFns.errorMessage()\"\n >\n {{ errorMessage }}\n </div>\n <div\n v-else-if=\"showDescription\"\n :id=\"descriptionId\"\n :class=\"slotFns.description()\"\n >\n {{ description }}\n </div>\n </div>\n </div>\n </div>\n</template>\n"],"mappings":""}

package/dist/components/input/Input.vue_vue_type_script_setup_true_lang.js ADDED Viewed

@@ -0,0 +1,275 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeModels, mergeProps, nextTick, normalizeClass, openBlock, ref, renderSlot, toDisplayString, unref, useAttrs, useId, useModel, useTemplateRef, vModelDynamic, withDirectives } from "vue";
+import { inputVariants } from "@auronui/styles";
+//#region src/components/input/Input.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"data-invalid",
+	"data-disabled",
+	"data-readonly",
+	"data-required",
+	"data-has-label",
+	"data-has-helper"
+];
+var _hoisted_2 = ["for"];
+var _hoisted_3 = {
+	key: 0,
+	"aria-hidden": "true"
+};
+var _hoisted_4 = ["data-filled"];
+var _hoisted_5 = ["for"];
+var _hoisted_6 = {
+	key: 0,
+	"aria-hidden": "true"
+};
+var _hoisted_7 = [
+	"id",
+	"type",
+	"placeholder",
+	"name",
+	"disabled",
+	"readonly",
+	"required",
+	"aria-invalid",
+	"aria-describedby"
+];
+var _hoisted_8 = ["aria-label", "aria-pressed"];
+var _hoisted_9 = {
+	key: 0,
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	"aria-hidden": "true"
+};
+var _hoisted_10 = {
+	key: 1,
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	"aria-hidden": "true"
+};
+var _hoisted_11 = ["id"];
+var _hoisted_12 = ["id"];
+var Input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "Input",
+	props: /* @__PURE__ */ mergeModels({
+		variant: { default: "flat" },
+		size: { default: "md" },
+		color: { default: "default" },
+		labelPlacement: { default: "inside" },
+		fullWidth: {
+			type: Boolean,
+			default: false
+		},
+		isInvalid: {
+			type: Boolean,
+			default: false
+		},
+		isDisabled: {
+			type: Boolean,
+			default: false
+		},
+		isReadonly: {
+			type: Boolean,
+			default: false
+		},
+		isRequired: {
+			type: Boolean,
+			default: false
+		},
+		isClearable: {
+			type: Boolean,
+			default: false
+		},
+		showPasswordToggle: {
+			type: Boolean,
+			default: false
+		},
+		type: { default: "text" },
+		placeholder: {},
+		name: {},
+		label: {},
+		description: {},
+		errorMessage: {},
+		class: {}
+	}, {
+		"modelValue": { default: "" },
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["clear"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		/**
+		* Two-way value. String for text-like types, number for type="number",
+		* null allowed so controlled consumers can represent "no value" without
+		* coercing to empty string.
+		*/
+		const modelValue = useModel(__props, "modelValue");
+		const attrs = useAttrs();
+		const generatedId = useId();
+		const inputId = computed(() => attrs.id ?? generatedId);
+		const inputAttrs = computed(() => Object.fromEntries(Object.entries(attrs).filter(([k]) => k !== "id")));
+		const inputEl = useTemplateRef("inputEl");
+		const hasLabel = computed(() => !!props.label);
+		const isFilled = computed(() => modelValue.value !== null && modelValue.value !== void 0 && String(modelValue.value) !== "");
+		const descriptionId = computed(() => `${inputId.value}-description`);
+		const errorMessageId = computed(() => `${inputId.value}-error`);
+		const showError = computed(() => props.isInvalid && !!props.errorMessage);
+		const showDescription = computed(() => !!props.description && !showError.value);
+		const hasHelper = computed(() => showError.value || showDescription.value);
+		const ariaDescribedBy = computed(() => {
+			if (showError.value) return errorMessageId.value;
+			if (showDescription.value) return descriptionId.value;
+		});
+		const isPasswordVisible = ref(false);
+		const isPasswordField = computed(() => props.type === "password");
+		const effectiveType = computed(() => isPasswordField.value && isPasswordVisible.value ? "text" : props.type);
+		const isInteractive = computed(() => !props.isDisabled && !props.isReadonly);
+		const showClearButton = computed(() => props.isClearable && isFilled.value && isInteractive.value);
+		const showPasswordToggleButton = computed(() => props.showPasswordToggle && isPasswordField.value && isInteractive.value);
+		function handleClear() {
+			modelValue.value = "";
+			emit("clear");
+			nextTick(() => inputEl.value?.focus());
+		}
+		function togglePasswordVisibility() {
+			isPasswordVisible.value = !isPasswordVisible.value;
+		}
+		const slotFns = computed(() => inputVariants({
+			variant: props.variant,
+			size: props.size,
+			color: props.color,
+			fullWidth: props.fullWidth,
+			isInvalid: props.isInvalid,
+			isDisabled: props.isDisabled,
+			isReadonly: props.isReadonly,
+			hasLabel: hasLabel.value,
+			labelPlacement: props.labelPlacement
+		}));
+		const showOutsideLabel = computed(() => hasLabel.value && props.labelPlacement !== "inside");
+		const showInsideLabel = computed(() => hasLabel.value && props.labelPlacement === "inside");
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class)),
+				"data-invalid": __props.isInvalid || void 0,
+				"data-disabled": __props.isDisabled || void 0,
+				"data-readonly": __props.isReadonly || void 0,
+				"data-required": __props.isRequired || void 0,
+				"data-has-label": hasLabel.value || void 0,
+				"data-has-helper": hasHelper.value || void 0
+			}, [showOutsideLabel.value ? (openBlock(), createElementBlock("label", {
+				key: 0,
+				for: inputId.value,
+				class: normalizeClass(slotFns.value.label())
+			}, [createTextVNode(toDisplayString(__props.label), 1), __props.isRequired ? (openBlock(), createElementBlock("span", _hoisted_3, " *")) : createCommentVNode("", true)], 10, _hoisted_2)) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(slotFns.value.mainWrapper()) }, [createElementVNode("div", {
+				class: normalizeClass(slotFns.value.inputWrapper()),
+				"data-filled": hasLabel.value ? isFilled.value || void 0 : void 0
+			}, [
+				showInsideLabel.value ? (openBlock(), createElementBlock("label", {
+					key: 0,
+					for: inputId.value,
+					class: normalizeClass(slotFns.value.label())
+				}, [createTextVNode(toDisplayString(__props.label), 1), __props.isRequired ? (openBlock(), createElementBlock("span", _hoisted_6, " *")) : createCommentVNode("", true)], 10, _hoisted_5)) : createCommentVNode("", true),
+				_ctx.$slots.startContent ? (openBlock(), createElementBlock("span", {
+					key: 1,
+					class: normalizeClass(slotFns.value.startContent())
+				}, [renderSlot(_ctx.$slots, "startContent")], 2)) : createCommentVNode("", true),
+				withDirectives(createElementVNode("input", mergeProps(inputAttrs.value, {
+					id: inputId.value,
+					ref_key: "inputEl",
+					ref: inputEl,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+					type: effectiveType.value,
+					placeholder: __props.placeholder,
+					name: __props.name,
+					disabled: __props.isDisabled || void 0,
+					readonly: __props.isReadonly || void 0,
+					required: __props.isRequired || void 0,
+					"aria-invalid": __props.isInvalid || void 0,
+					"aria-describedby": ariaDescribedBy.value,
+					class: slotFns.value.input()
+				}), null, 16, _hoisted_7), [[vModelDynamic, modelValue.value]]),
+				_ctx.$slots.endContent ? (openBlock(), createElementBlock("span", {
+					key: 2,
+					class: normalizeClass(slotFns.value.endContent())
+				}, [renderSlot(_ctx.$slots, "endContent")], 2)) : createCommentVNode("", true),
+				showClearButton.value ? (openBlock(), createElementBlock("button", {
+					key: 3,
+					type: "button",
+					tabindex: "-1",
+					class: normalizeClass(slotFns.value.clearButton()),
+					"aria-label": "Clear input",
+					onClick: handleClear
+				}, [..._cache[1] || (_cache[1] = [createElementVNode("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"aria-hidden": "true"
+				}, [
+					createElementVNode("circle", {
+						cx: "12",
+						cy: "12",
+						r: "10"
+					}),
+					createElementVNode("line", {
+						x1: "15",
+						y1: "9",
+						x2: "9",
+						y2: "15"
+					}),
+					createElementVNode("line", {
+						x1: "9",
+						y1: "9",
+						x2: "15",
+						y2: "15"
+					})
+				], -1)])], 2)) : createCommentVNode("", true),
+				showPasswordToggleButton.value ? (openBlock(), createElementBlock("button", {
+					key: 4,
+					type: "button",
+					class: normalizeClass(slotFns.value.passwordToggle()),
+					"aria-label": isPasswordVisible.value ? "Hide password" : "Show password",
+					"aria-pressed": isPasswordVisible.value,
+					onClick: togglePasswordVisibility
+				}, [isPasswordVisible.value ? (openBlock(), createElementBlock("svg", _hoisted_9, [..._cache[2] || (_cache[2] = [createElementVNode("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }, null, -1), createElementVNode("line", {
+					x1: "1",
+					y1: "1",
+					x2: "23",
+					y2: "23"
+				}, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_10, [..._cache[3] || (_cache[3] = [createElementVNode("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }, null, -1), createElementVNode("circle", {
+					cx: "12",
+					cy: "12",
+					r: "3"
+				}, null, -1)])]))], 10, _hoisted_8)) : createCommentVNode("", true)
+			], 10, _hoisted_4), hasHelper.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(slotFns.value.helperWrapper())
+			}, [showError.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				id: errorMessageId.value,
+				class: normalizeClass(slotFns.value.errorMessage())
+			}, toDisplayString(__props.errorMessage), 11, _hoisted_11)) : showDescription.value ? (openBlock(), createElementBlock("div", {
+				key: 1,
+				id: descriptionId.value,
+				class: normalizeClass(slotFns.value.description())
+			}, toDisplayString(__props.description), 11, _hoisted_12)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true)], 2)], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { Input_vue_vue_type_script_setup_true_lang_default as default };
+//# sourceMappingURL=Input.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/input/Input.vue_vue_type_script_setup_true_lang.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Input.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/components/input/Input.vue"],"sourcesContent":["\n<script setup lang=\"ts\">\nimport { computed, nextTick, ref, useAttrs, useId, useTemplateRef } from 'vue'\nimport { inputVariants, type InputVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<Props>(), {\n variant: 'flat',\n size: 'md',\n color: 'default',\n labelPlacement: 'inside',\n fullWidth: false,\n isInvalid: false,\n isDisabled: false,\n isReadonly: false,\n isRequired: false,\n isClearable: false,\n showPasswordToggle: false,\n type: 'text',\n})\n\nconst emit = defineEmits<{\n /**\n * Fired when the user activates the clear (×) button.\n * At the time this fires the v-model value is already '' and focus\n * has been returned to the input element.\n */\n clear: []\n}>()\n\n/**\n * Two-way value. String for text-like types, number for type=\"number\",\n * null allowed so controlled consumers can represent \"no value\" without\n * coercing to empty string.\n */\nconst modelValue = defineModel<string | number | null>({ default: '' })\n\ntype Props = {\n /** Visual style of the field. @default 'flat' */\n variant?: InputVariants['variant']\n /** Field height. @default 'md' */\n size?: InputVariants['size']\n /** Accent color applied to focus ring + floating label. @default 'default' */\n color?: InputVariants['color']\n /**\n * Where the `label` is rendered relative to the field.\n * - `inside`: floats above the input (shrinks when focused/filled)\n * - `outside`: sits above the field, static\n * - `outside-left`: sits to the left, horizontal layout\n * @default 'inside'\n */\n labelPlacement?: InputVariants['labelPlacement']\n /** Stretches root wrapper to 100% width. @default false */\n fullWidth?: boolean\n /** Marks the field as invalid. Triggers danger styling and enables `errorMessage`. @default false */\n isInvalid?: boolean\n /** Disables the field. @default false */\n isDisabled?: boolean\n /** Makes the field read-only. @default false */\n isReadonly?: boolean\n /** Adds a required asterisk next to the label and the `required` attribute on the input. @default false */\n isRequired?: boolean\n /** Shows an × button that clears the value and refocuses the input when value is non-empty. @default false */\n isClearable?: boolean\n /** Shows a show/hide eye button. Only active when `type === 'password'`. @default false */\n showPasswordToggle?: boolean\n /** Native input type (e.g. `text`, `email`, `password`, `number`). @default 'text' */\n type?: string\n /** Placeholder shown when empty. Hidden behind the floating label until focused/filled for `labelPlacement: 'inside'`. */\n placeholder?: string\n /** Form field name, for native form submission. */\n name?: string\n /** Field label. When omitted, the floating-label behavior is skipped. */\n label?: string\n /** Helper text displayed below the field. Suppressed when `isInvalid && errorMessage` is shown. */\n description?: string\n /** Error text displayed below the field. Only rendered when `isInvalid` is also true. Takes precedence over `description`. */\n errorMessage?: string\n /** Extra classes merged onto the root wrapper via `composeClassName`. */\n class?: string\n}\n\nconst attrs = useAttrs()\nconst generatedId = useId()\nconst inputId = computed(() => (attrs.id as string | undefined) ?? generatedId)\nconst inputAttrs = computed(() =>\n Object.fromEntries(Object.entries(attrs).filter(([k]) => k !== 'id'))\n)\n\nconst inputEl = useTemplateRef<HTMLInputElement>('inputEl')\n\nconst hasLabel = computed(() => !!props.label)\nconst isFilled = computed(\n () => modelValue.value !== null && modelValue.value !== undefined && String(modelValue.value) !== '',\n)\n\nconst descriptionId = computed(() => `${inputId.value}-description`)\nconst errorMessageId = computed(() => `${inputId.value}-error`)\nconst showError = computed(() => props.isInvalid && !!props.errorMessage)\nconst showDescription = computed(() => !!props.description && !showError.value)\nconst hasHelper = computed(() => showError.value || showDescription.value)\nconst ariaDescribedBy = computed(() => {\n if (showError.value) return errorMessageId.value\n if (showDescription.value) return descriptionId.value\n return undefined\n})\n\nconst isPasswordVisible = ref(false)\nconst isPasswordField = computed(() => props.type === 'password')\nconst effectiveType = computed(() =>\n isPasswordField.value && isPasswordVisible.value ? 'text' : props.type,\n)\n\nconst isInteractive = computed(() => !props.isDisabled && !props.isReadonly)\nconst showClearButton = computed(\n () => props.isClearable && isFilled.value && isInteractive.value,\n)\nconst showPasswordToggleButton = computed(\n () => props.showPasswordToggle && isPasswordField.value && isInteractive.value,\n)\n\nfunction handleClear() {\n modelValue.value = ''\n emit('clear')\n nextTick(() => inputEl.value?.focus())\n}\n\nfunction togglePasswordVisibility() {\n isPasswordVisible.value = !isPasswordVisible.value\n}\n\nconst slotFns = computed(() =>\n inputVariants({\n variant: props.variant,\n size: props.size,\n color: props.color,\n fullWidth: props.fullWidth,\n isInvalid: props.isInvalid,\n isDisabled: props.isDisabled,\n isReadonly: props.isReadonly,\n hasLabel: hasLabel.value,\n labelPlacement: props.labelPlacement,\n }),\n)\n\nconst showOutsideLabel = computed(\n () => hasLabel.value && props.labelPlacement !== 'inside',\n)\nconst showInsideLabel = computed(\n () => hasLabel.value && props.labelPlacement === 'inside',\n)\n</script>\n\n<template>\n <div\n :class=\"composeClassName(slotFns.base(), props.class)\"\n :data-invalid=\"isInvalid || undefined\"\n :data-disabled=\"isDisabled || undefined\"\n :data-readonly=\"isReadonly || undefined\"\n :data-required=\"isRequired || undefined\"\n :data-has-label=\"hasLabel || undefined\"\n :data-has-helper=\"hasHelper || undefined\"\n >\n <label\n v-if=\"showOutsideLabel\"\n :for=\"inputId\"\n :class=\"slotFns.label()\"\n >{{ label }}<span\n v-if=\"isRequired\"\n aria-hidden=\"true\"\n > *</span></label>\n\n <div :class=\"slotFns.mainWrapper()\">\n <div\n :class=\"slotFns.inputWrapper()\"\n :data-filled=\"hasLabel ? (isFilled || undefined) : undefined\"\n >\n <label\n v-if=\"showInsideLabel\"\n :for=\"inputId\"\n :class=\"slotFns.label()\"\n >{{ label }}<span\n v-if=\"isRequired\"\n aria-hidden=\"true\"\n > *</span></label>\n <span\n v-if=\"$slots.startContent\"\n :class=\"slotFns.startContent()\"\n >\n <slot name=\"startContent\" />\n </span>\n <input\n v-bind=\"inputAttrs\"\n :id=\"inputId\"\n ref=\"inputEl\"\n v-model=\"modelValue\"\n :type=\"effectiveType\"\n :placeholder=\"placeholder\"\n :name=\"name\"\n :disabled=\"isDisabled || undefined\"\n :readonly=\"isReadonly || undefined\"\n :required=\"isRequired || undefined\"\n :aria-invalid=\"isInvalid || undefined\"\n :aria-describedby=\"ariaDescribedBy\"\n :class=\"slotFns.input()\"\n >\n <span\n v-if=\"$slots.endContent\"\n :class=\"slotFns.endContent()\"\n >\n <slot name=\"endContent\" />\n </span>\n <button\n v-if=\"showClearButton\"\n type=\"button\"\n tabindex=\"-1\"\n :class=\"slotFns.clearButton()\"\n aria-label=\"Clear input\"\n @click=\"handleClear\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n aria-hidden=\"true\"\n >\n <circle\n cx=\"12\"\n cy=\"12\"\n r=\"10\"\n />\n <line\n x1=\"15\"\n y1=\"9\"\n x2=\"9\"\n y2=\"15\"\n />\n <line\n x1=\"9\"\n y1=\"9\"\n x2=\"15\"\n y2=\"15\"\n />\n </svg>\n </button>\n <button\n v-if=\"showPasswordToggleButton\"\n type=\"button\"\n :class=\"slotFns.passwordToggle()\"\n :aria-label=\"isPasswordVisible ? 'Hide password' : 'Show password'\"\n :aria-pressed=\"isPasswordVisible\"\n @click=\"togglePasswordVisibility\"\n >\n <svg\n v-if=\"isPasswordVisible\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n aria-hidden=\"true\"\n >\n <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24\" />\n <line\n x1=\"1\"\n y1=\"1\"\n x2=\"23\"\n y2=\"23\"\n />\n </svg>\n <svg\n v-else\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n aria-hidden=\"true\"\n >\n <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n <circle\n cx=\"12\"\n cy=\"12\"\n r=\"3\"\n />\n </svg>\n </button>\n </div>\n\n <div\n v-if=\"hasHelper\"\n :class=\"slotFns.helperWrapper()\"\n >\n <div\n v-if=\"showError\"\n :id=\"errorMessageId\"\n :class=\"slotFns.errorMessage()\"\n >\n {{ errorMessage }}\n </div>\n <div\n v-else-if=\"showDescription\"\n :id=\"descriptionId\"\n :class=\"slotFns.description()\"\n >\n {{ description }}\n </div>\n </div>\n </div>\n </div>\n</template>\n"],"mappings":"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"}

package/dist/components/input-otp/InputOTP.js ADDED Viewed

@@ -0,0 +1,7 @@
+import InputOTP_vue_vue_type_script_setup_true_lang_default from "./InputOTP.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/input-otp/InputOTP.vue
+var InputOTP_default = InputOTP_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { InputOTP_default as default };
+//# sourceMappingURL=InputOTP.js.map

package/dist/components/input-otp/InputOTP.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"InputOTP.js","names":[],"sources":["../../../src/components/input-otp/InputOTP.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { PinInputRoot, PinInputInput } from 'reka-ui'\nimport { inputOTPVariants, type InputOTPVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n length?: number\n type?: 'text'\n otp?: boolean\n mask?: boolean\n disabled?: boolean\n placeholder?: string\n modelValue?: string\n defaultValue?: string\n name?: string\n variant?: InputOTPVariants['variant']\n class?: string\n}>(), {\n length: 6,\n type: 'text',\n otp: true,\n mask: false,\n disabled: false,\n placeholder: '',\n modelValue: undefined,\n defaultValue: undefined,\n name: undefined,\n variant: 'primary',\n class: undefined,\n})\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string]\n 'complete': [value: string]\n}>()\n\nconst slotFns = computed(() => inputOTPVariants({ variant: props.variant }))\n\nconst modelValueArray = computed(() =>\n (props.modelValue ?? '').split('')\n)\n\nconst handleUpdate = (arr: string[]) => emit('update:modelValue', arr.join(''))\nconst handleComplete = (arr: string[]) => emit('complete', arr.join(''))\n</script>\n\n<template>\n <PinInputRoot\n :model-value=\"modelValueArray\"\n :disabled=\"disabled\"\n :placeholder=\"placeholder\"\n :type=\"type\"\n :otp=\"otp\"\n :mask=\"mask\"\n :name=\"name\"\n :class=\"composeClassName(slotFns.base(), props.class)\"\n @update:model-value=\"handleUpdate\"\n @complete=\"handleComplete\"\n >\n <div :class=\"slotFns.group()\">\n <PinInputInput\n v-for=\"i in length\"\n :key=\"i - 1\"\n :index=\"i - 1\"\n :class=\"slotFns.slot()\"\n />\n </div>\n </PinInputRoot>\n</template>\n"],"mappings":""}

package/dist/components/input-otp/InputOTP.vue_vue_type_script_setup_true_lang.js ADDED Viewed

@@ -0,0 +1,75 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderList, unref, withCtx } from "vue";
+import { inputOTPVariants } from "@auronui/styles";
+import { PinInputInput, PinInputRoot } from "reka-ui";
+//#region src/components/input-otp/InputOTP.vue?vue&type=script&setup=true&lang.ts
+var InputOTP_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "InputOTP",
+	props: {
+		length: { default: 6 },
+		type: { default: "text" },
+		otp: {
+			type: Boolean,
+			default: true
+		},
+		mask: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		placeholder: { default: "" },
+		modelValue: { default: void 0 },
+		defaultValue: { default: void 0 },
+		name: { default: void 0 },
+		variant: { default: "primary" },
+		class: { default: void 0 }
+	},
+	emits: ["update:modelValue", "complete"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slotFns = computed(() => inputOTPVariants({ variant: props.variant }));
+		const modelValueArray = computed(() => (props.modelValue ?? "").split(""));
+		const handleUpdate = (arr) => emit("update:modelValue", arr.join(""));
+		const handleComplete = (arr) => emit("complete", arr.join(""));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(PinInputRoot), {
+				"model-value": modelValueArray.value,
+				disabled: __props.disabled,
+				placeholder: __props.placeholder,
+				type: __props.type,
+				otp: __props.otp,
+				mask: __props.mask,
+				name: __props.name,
+				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class)),
+				"onUpdate:modelValue": handleUpdate,
+				onComplete: handleComplete
+			}, {
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(slotFns.value.group()) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.length, (i) => {
+					return openBlock(), createBlock(unref(PinInputInput), {
+						key: i - 1,
+						index: i - 1,
+						class: normalizeClass(slotFns.value.slot())
+					}, null, 8, ["index", "class"]);
+				}), 128))], 2)]),
+				_: 1
+			}, 8, [
+				"model-value",
+				"disabled",
+				"placeholder",
+				"type",
+				"otp",
+				"mask",
+				"name",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { InputOTP_vue_vue_type_script_setup_true_lang_default as default };
+//# sourceMappingURL=InputOTP.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/input-otp/InputOTP.vue_vue_type_script_setup_true_lang.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"InputOTP.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/input-otp/InputOTP.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { PinInputRoot, PinInputInput } from 'reka-ui'\nimport { inputOTPVariants, type InputOTPVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n length?: number\n type?: 'text'\n otp?: boolean\n mask?: boolean\n disabled?: boolean\n placeholder?: string\n modelValue?: string\n defaultValue?: string\n name?: string\n variant?: InputOTPVariants['variant']\n class?: string\n}>(), {\n length: 6,\n type: 'text',\n otp: true,\n mask: false,\n disabled: false,\n placeholder: '',\n modelValue: undefined,\n defaultValue: undefined,\n name: undefined,\n variant: 'primary',\n class: undefined,\n})\n\nconst emit = defineEmits<{\n 'update:modelValue': [value: string]\n 'complete': [value: string]\n}>()\n\nconst slotFns = computed(() => inputOTPVariants({ variant: props.variant }))\n\nconst modelValueArray = computed(() =>\n (props.modelValue ?? '').split('')\n)\n\nconst handleUpdate = (arr: string[]) => emit('update:modelValue', arr.join(''))\nconst handleComplete = (arr: string[]) => emit('complete', arr.join(''))\n</script>\n\n<template>\n <PinInputRoot\n :model-value=\"modelValueArray\"\n :disabled=\"disabled\"\n :placeholder=\"placeholder\"\n :type=\"type\"\n :otp=\"otp\"\n :mask=\"mask\"\n :name=\"name\"\n :class=\"composeClassName(slotFns.base(), props.class)\"\n @update:model-value=\"handleUpdate\"\n @complete=\"handleComplete\"\n >\n <div :class=\"slotFns.group()\">\n <PinInputInput\n v-for=\"i in length\"\n :key=\"i - 1\"\n :index=\"i - 1\"\n :class=\"slotFns.slot()\"\n />\n </div>\n </PinInputRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EA0Bd,MAAM,OAAO;EAKb,MAAM,UAAU,eAAe,iBAAiB,EAAE,SAAS,MAAM,SAAS,CAAC,CAAA;EAE3E,MAAM,kBAAkB,gBACrB,MAAM,cAAc,IAAI,MAAM,GAAE,CACnC;EAEA,MAAM,gBAAgB,QAAkB,KAAK,qBAAqB,IAAI,KAAK,GAAG,CAAA;EAC9E,MAAM,kBAAkB,QAAkB,KAAK,YAAY,IAAI,KAAK,GAAG,CAAA;;uBAIrE,YAoBe,MAAA,aAAA,EAAA;IAnBZ,eAAa,gBAAA;IACb,UAAU,QAAA;IACV,aAAa,QAAA;IACb,MAAM,QAAA;IACN,KAAK,QAAA;IACL,MAAM,QAAA;IACN,MAAM,QAAA;IACN,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK,CAAA;IACnD,uBAAoB;IACpB,YAAU;;2BASL,CAPN,mBAOM,OAAA,EAPA,OAAK,eAAE,QAAA,MAAQ,OAAK,CAAA,EAAA,EAAA,EAAA,UAAA,KAAA,EACxB,mBAKE,UAAA,MAAA,WAJY,QAAA,SAAL,MAAC;yBADV,YAKE,MAAA,cAAA,EAAA;MAHC,KAAK,IAAC;MACN,OAAO,IAAC;MACR,OAAK,eAAE,QAAA,MAAQ,MAAI,CAAA"}

package/dist/components/kbd/Kbd.js ADDED Viewed

@@ -0,0 +1,7 @@
+import Kbd_vue_vue_type_script_setup_true_lang_default from "./Kbd.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/kbd/Kbd.vue
+var Kbd_default = Kbd_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Kbd_default as default };
+//# sourceMappingURL=Kbd.js.map

package/dist/components/kbd/Kbd.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Kbd.js","names":[],"sources":["../../../src/components/kbd/Kbd.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { kbdVariants, type KbdVariants } from \"@auronui/styles\";\nimport { composeClassName } from \"../../utils/composeClassName\";\n\nconst props = withDefaults(\n defineProps<{\n variant?: KbdVariants[\"variant\"];\n class?: string;\n }>(),\n {\n variant: \"default\",\n }\n);\n\nconst slotFns = computed(() => kbdVariants({ variant: props.variant }));\n</script>\n\n<template>\n <kbd :class=\"composeClassName(slotFns.base(), props.class)\">\n <abbr\n v-if=\"$slots.abbr\"\n :class=\"slotFns.abbr()\"\n >\n <slot name=\"abbr\" />\n </abbr>\n <span :class=\"slotFns.content()\">\n <slot />\n </span>\n </kbd>\n</template>\n"],"mappings":""}

package/dist/components/kbd/Kbd.vue_vue_type_script_setup_true_lang.js ADDED Viewed

@@ -0,0 +1,25 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+import { kbdVariants } from "@auronui/styles";
+//#region src/components/kbd/Kbd.vue?vue&type=script&setup=true&lang.ts
+var Kbd_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Kbd",
+	props: {
+		variant: { default: "default" },
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const slotFns = computed(() => kbdVariants({ variant: props.variant }));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("kbd", { class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class)) }, [_ctx.$slots.abbr ? (openBlock(), createElementBlock("abbr", {
+				key: 0,
+				class: normalizeClass(slotFns.value.abbr())
+			}, [renderSlot(_ctx.$slots, "abbr")], 2)) : createCommentVNode("", true), createElementVNode("span", { class: normalizeClass(slotFns.value.content()) }, [renderSlot(_ctx.$slots, "default")], 2)], 2);
+		};
+	}
+});
+//#endregion
+export { Kbd_vue_vue_type_script_setup_true_lang_default as default };
+//# sourceMappingURL=Kbd.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/kbd/Kbd.vue_vue_type_script_setup_true_lang.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Kbd.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/components/kbd/Kbd.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { kbdVariants, type KbdVariants } from \"@auronui/styles\";\nimport { composeClassName } from \"../../utils/composeClassName\";\n\nconst props = withDefaults(\n defineProps<{\n variant?: KbdVariants[\"variant\"];\n class?: string;\n }>(),\n {\n variant: \"default\",\n }\n);\n\nconst slotFns = computed(() => kbdVariants({ variant: props.variant }));\n</script>\n\n<template>\n <kbd :class=\"composeClassName(slotFns.base(), props.class)\">\n <abbr\n v-if=\"$slots.abbr\"\n :class=\"slotFns.abbr()\"\n >\n <slot name=\"abbr\" />\n </abbr>\n <span :class=\"slotFns.content()\">\n <slot />\n </span>\n </kbd>\n</template>\n"],"mappings":";;;;;;;;;;;EAKA,MAAM,QAAQ;EAUd,MAAM,UAAU,eAAe,YAAY,EAAE,SAAS,MAAM,SAAS,CAAC,CAAC;;uBAIrE,mBAUM,OAAA,EAVA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK,CAAA,EAAA,EAAA,CAE/CA,KAAAA,OAAO,QAAA,WAAA,EADf,mBAKO,QAAA;;IAHJ,OAAK,eAAE,QAAA,MAAQ,MAAI,CAAA;OAEpB,WAAoB,KAAA,QAAA,OAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,EAEtB,mBAEO,QAAA,EAFA,OAAK,eAAE,QAAA,MAAQ,SAAO,CAAA,EAAA,EAAA,CAC3B,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA"}

package/dist/components/label/Label.js ADDED Viewed

@@ -0,0 +1,7 @@
+import Label_vue_vue_type_script_setup_true_lang_default from "./Label.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/label/Label.vue
+var Label_default = Label_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Label_default as default };
+//# sourceMappingURL=Label.js.map