@cwa/nuxt-edge 0.0.0-29696494.72f11a4

package/dist/runtime/templates/components/main/auth/_parts/InputField.d.vue.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    name: string;
+    type?: string;
+    label: string;
+    autocomplete?: string;
+    required?: boolean;
+    modelValue?: string;
+    errors?: string[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    type: string;
+    required: boolean;
+    modelValue: string;
+    errors: string[];
+    autocomplete: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/main/auth/_parts/InputField.spec.ts.snap

@@ -0,0 +1,111 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`InputField > snapshots > should match snapshot IF errors are present 1`] = `
+<div>
+  <label
+    class="cwa:block cwa:text-sm cwa:font-medium cwa:leading-6 cwa:text-neutral-300"
+    for="v-0"
+  >
+    Login
+  </label>
+  <div
+    class="cwa:mt-2"
+  >
+    <input
+      autocomplete="login"
+      class="cwa:block cwa:w-full cwa:border-0 cwa:py-1.5 cwa:text-neutral-900 cwa:shadow-sm cwa:ring-1 cwa:ring-inset cwa:ring-neutral-300 cwa:placeholder:text-neutral-400 cwa:focus:ring-2 cwa:focus:ring-inset cwa:focus:ring-neutral-600 cwa:sm:text-sm cwa:sm:leading-6"
+      id="v-0"
+      name="login"
+      type="text"
+      value=""
+    />
+    <div>
+      
+      <cwauialertwarning-stub
+        class="cwa:mt-2"
+      >
+        Login should be minimum 6 characters long
+      </cwauialertwarning-stub>
+      <cwauialertwarning-stub
+        class="cwa:mt-2"
+      >
+        Login cannot contain whitespaces
+      </cwauialertwarning-stub>
+      
+    </div>
+  </div>
+</div>
+`;
+
+exports[`InputField > snapshots > should match snapshot IF input is marked as required 1`] = `
+<div>
+  <label
+    class="cwa:block cwa:text-sm cwa:font-medium cwa:leading-6 cwa:text-neutral-300"
+    for="v-0"
+  >
+    Login
+  </label>
+  <div
+    class="cwa:mt-2"
+  >
+    <input
+      autocomplete="login"
+      class="cwa:block cwa:w-full cwa:border-0 cwa:py-1.5 cwa:text-neutral-900 cwa:shadow-sm cwa:ring-1 cwa:ring-inset cwa:ring-neutral-300 cwa:placeholder:text-neutral-400 cwa:focus:ring-2 cwa:focus:ring-inset cwa:focus:ring-neutral-600 cwa:sm:text-sm cwa:sm:leading-6"
+      id="v-0"
+      name="login"
+      required=""
+      type="text"
+      value=""
+    />
+    <!--v-if-->
+  </div>
+</div>
+`;
+
+exports[`InputField > snapshots > should match snapshot IF input is of type password 1`] = `
+<div>
+  <label
+    class="cwa:block cwa:text-sm cwa:font-medium cwa:leading-6 cwa:text-neutral-300"
+    for="v-0"
+  >
+    Password
+  </label>
+  <div
+    class="cwa:mt-2"
+  >
+    <input
+      autocomplete="password"
+      class="cwa:block cwa:w-full cwa:border-0 cwa:py-1.5 cwa:text-neutral-900 cwa:shadow-sm cwa:ring-1 cwa:ring-inset cwa:ring-neutral-300 cwa:placeholder:text-neutral-400 cwa:focus:ring-2 cwa:focus:ring-inset cwa:focus:ring-neutral-600 cwa:sm:text-sm cwa:sm:leading-6"
+      id="v-0"
+      name="password"
+      type="password"
+      value=""
+    />
+    <!--v-if-->
+  </div>
+</div>
+`;
+
+exports[`InputField > snapshots > should match snapshot with passed content 1`] = `
+<div>
+  <label
+    class="cwa:block cwa:text-sm cwa:font-medium cwa:leading-6 cwa:text-neutral-300"
+    for="v-0"
+  >
+    Login
+  </label>
+  <div
+    class="cwa:mt-2"
+  >
+    <input
+      autocomplete="login"
+      class="cwa:block cwa:w-full cwa:border-0 cwa:py-1.5 cwa:text-neutral-900 cwa:shadow-sm cwa:ring-1 cwa:ring-inset cwa:ring-neutral-300 cwa:placeholder:text-neutral-400 cwa:focus:ring-2 cwa:focus:ring-inset cwa:focus:ring-neutral-600 cwa:sm:text-sm cwa:sm:leading-6"
+      id="v-0"
+      name="login"
+      type="text"
+      value=""
+    />
+    <!--v-if-->
+  </div>
+</div>
+`;

package/dist/runtime/templates/components/main/auth/_parts/InputField.vue

@@ -0,0 +1,50 @@
+<template>
+  <div>
+    <label
+      :for="id"
+      class="cwa:block cwa:text-sm cwa:font-medium cwa:leading-6 cwa:text-neutral-300"
+    >{{ props.label }}</label>
+    <div class="cwa:mt-2">
+      <input
+        :id="id"
+        :name="props.name"
+        :type="props.type"
+        :autocomplete="props.autocomplete"
+        :required="props.required"
+        :value="modelValue"
+        class="cwa:block cwa:w-full cwa:border-0 cwa:py-1.5 cwa:text-neutral-900 cwa:shadow-sm cwa:ring-1 cwa:ring-inset cwa:ring-neutral-300 cwa:placeholder:text-neutral-400 cwa:focus:ring-2 cwa:focus:ring-inset cwa:focus:ring-neutral-600 cwa:sm:text-sm cwa:sm:leading-6"
+        @input="updateModelValue"
+      >
+      <div v-if="errors">
+        <CwaUiAlertWarning
+          v-for="(error, index) in errors"
+          :key="`error-${id}-${index}`"
+          class="cwa:mt-2"
+        >
+          {{ error }}
+        </CwaUiAlertWarning>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { useId } from "vue";
+const emit = defineEmits(["update:modelValue"]);
+const props = defineProps({
+  name: { type: String, required: true },
+  type: { type: String, required: false, default: "text" },
+  label: { type: String, required: true },
+  autocomplete: { type: String, required: false, default: void 0 },
+  required: { type: Boolean, required: false, default: false },
+  modelValue: { type: String, required: false, default: "" },
+  errors: { type: Array, required: false, default: void 0 }
+});
+const id = useId();
+function updateModelValue($event) {
+  if (!($event.target instanceof HTMLInputElement)) {
+    return;
+  }
+  emit("update:modelValue", $event.target?.value);
+}
+</script>

package/dist/runtime/templates/components/main/auth/_parts/InputField.vue.d.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    name: string;
+    type?: string;
+    label: string;
+    autocomplete?: string;
+    required?: boolean;
+    modelValue?: string;
+    errors?: string[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    type: string;
+    required: boolean;
+    modelValue: string;
+    errors: string[];
+    autocomplete: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/ui/BackgroundParticles.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;