@abraca/nuxt 2.0.1 → 2.0.3

package/dist/runtime/components/AEmailVerifyRequestCard.vue

@@ -0,0 +1,65 @@
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  loading: { type: Boolean, required: false, default: false },
+  sent: { type: Boolean, required: false, default: false },
+  error: { type: [String, null], required: false },
+  email: { type: [String, null], required: false },
+  title: { type: String, required: false, default: "Verify your email" },
+  subtitle: { type: String, required: false, default: "Confirming your email address lets you reset your password and receive notifications." }
+});
+const emit = defineEmits(["request"]);
+const showSentCopy = computed(() => props.sent && !props.loading && !props.error);
+</script>
+
+<template>
+  <div class="ev-card">
+    <div class="ev-head">
+      <UIcon
+        name="i-lucide-mail-check"
+        class="size-5 text-(--ui-primary) shrink-0"
+      />
+      <div class="flex-1">
+        <h4 class="ev-title">
+          {{ title }}
+        </h4>
+        <p class="ev-sub">
+          {{ subtitle }}
+        </p>
+      </div>
+    </div>
+
+    <UAlert
+      v-if="showSentCopy"
+      color="success"
+      variant="soft"
+      icon="i-lucide-mail-check"
+      title="Verification email sent"
+      :description="email ? `We sent a link to ${email}. The link expires shortly \u2014 use it soon.` : 'We sent a verification link to your registered email. The link expires shortly \u2014 use it soon.'"
+    />
+
+    <UAlert
+      v-else-if="error"
+      color="error"
+      variant="soft"
+      icon="i-lucide-triangle-alert"
+      :description="error"
+    />
+
+    <div class="ev-actions">
+      <UButton
+        color="primary"
+        size="sm"
+        icon="i-lucide-send"
+        :label="sent ? 'Resend verification email' : 'Send verification email'"
+        :loading="loading"
+        :disabled="loading"
+        @click="emit('request')"
+      />
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.ev-card{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:.6rem;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.ev-head{align-items:flex-start;display:flex;gap:.6rem}.ev-title{color:var(--ui-text-highlighted);font-size:.875rem;font-weight:600;margin:0}.ev-sub{color:var(--ui-text-muted);font-size:.8125rem;line-height:1.5;margin:.2rem 0 0}.ev-actions{display:flex;justify-content:flex-end;padding-top:.25rem}
+</style>

package/dist/runtime/components/AEmailVerifyRequestCard.vue.d.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    loading?: boolean;
+    /** Flip to true after the consumer's request handler resolves. */
+    sent?: boolean;
+    error?: string | null;
+    /** Address shown in the cooldown copy ("we sent a link to <email>"). Optional. */
+    email?: string | null;
+    title?: string;
+    subtitle?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    request: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRequest?: (() => any) | undefined;
+}>, {
+    subtitle: string;
+    title: string;
+    loading: boolean;
+    sent: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/AMnemonicLoginModal.d.vue.ts

@@ -28,8 +28,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
 }>, {
     subtitle: string;
     title: string;
-    wordCount: 12 | 24;
     loading: boolean;
+    wordCount: 12 | 24;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/AMnemonicLoginModal.vue.d.ts

@@ -28,8 +28,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
 }>, {
     subtitle: string;
     title: string;
-    wordCount: 12 | 24;
     loading: boolean;
+    wordCount: 12 | 24;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ANodePanel.vue

@@ -359,6 +359,7 @@ const addFieldMenuItems = computed(
           <div class="space-y-1">
             <label class="text-xs font-medium text-muted">{{ locale.color }}</label>
             <AColorPicker
+              :field-key="`node-panel:meta:color:${props.nodeId}`"
               :model-value="meta.color"
               @update:model-value="patchMeta({ color: $event })"
             />
@@ -669,6 +670,7 @@ const addFieldMenuItems = computed(
             <!-- Color Preset / Color Picker -->
             <template v-else-if="['colorPreset', 'colorPicker'].includes(field.type)">
               <AColorPicker
+                :field-key="`node-panel:custom:${props.nodeId}:${field.key}`"
                 :model-value="String(getCustomFieldValue(field) ?? '')"
                 @update:model-value="setCustomFieldValue(field, $event)"
               />

package/dist/runtime/components/ANotificationBell.d.vue.ts

@@ -3,7 +3,7 @@ type __VLS_Props = {
     count?: number;
     /** Tooltip text. Default: 'Notifications'. */
     tooltip?: string;
-    size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     variant?: 'ghost' | 'soft' | 'outline' | 'solid' | 'subtle' | 'link';
     color?: 'neutral' | 'primary' | 'secondary' | 'error' | 'warning' | 'success' | 'info';
     icon?: string;
@@ -17,7 +17,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
 }>, {
     color: "neutral" | "primary" | "secondary" | "error" | "warning" | "success" | "info";
     icon: string;
-    size: "2xs" | "xs" | "sm" | "md" | "lg";
+    size: "xs" | "sm" | "md" | "lg" | "xl";
     variant: "ghost" | "soft" | "outline" | "solid" | "subtle" | "link";
     tooltip: string;
     chipColor: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral";

package/dist/runtime/components/ANotificationBell.vue.d.ts

@@ -3,7 +3,7 @@ type __VLS_Props = {
     count?: number;
     /** Tooltip text. Default: 'Notifications'. */
     tooltip?: string;
-    size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     variant?: 'ghost' | 'soft' | 'outline' | 'solid' | 'subtle' | 'link';
     color?: 'neutral' | 'primary' | 'secondary' | 'error' | 'warning' | 'success' | 'info';
     icon?: string;
@@ -17,7 +17,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
 }>, {
     color: "neutral" | "primary" | "secondary" | "error" | "warning" | "success" | "info";
     icon: string;
-    size: "2xs" | "xs" | "sm" | "md" | "lg";
+    size: "xs" | "sm" | "md" | "lg" | "xl";
     variant: "ghost" | "soft" | "outline" | "solid" | "subtle" | "link";
     tooltip: string;
     chipColor: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral";

package/dist/runtime/components/APasswordChangeModal.d.vue.ts

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    open?: boolean;
+    loading?: boolean;
+    error?: string | null;
+    title?: string;
+    subtitle?: string;
+    minLength?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (payload: {
+        currentPassword: string;
+        newPassword: string;
+    }) => any;
+    "update:open": (v: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: ((payload: {
+        currentPassword: string;
+        newPassword: string;
+    }) => any) | undefined;
+    "onUpdate:open"?: ((v: boolean) => any) | undefined;
+}>, {
+    subtitle: string;
+    title: string;
+    minLength: number;
+    loading: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/APasswordChangeModal.vue

@@ -0,0 +1,178 @@
+<script setup>
+import { computed, ref, watch } from "vue";
+const props = defineProps({
+  open: { type: Boolean, required: false },
+  loading: { type: Boolean, required: false, default: false },
+  error: { type: [String, null], required: false },
+  title: { type: String, required: false, default: "Change password" },
+  subtitle: { type: String, required: false, default: "Enter your current password, then choose a new one." },
+  minLength: { type: Number, required: false, default: 8 }
+});
+const emit = defineEmits(["update:open", "submit"]);
+const open = computed({
+  get: () => !!props.open,
+  set: (v) => emit("update:open", v)
+});
+const currentPassword = ref("");
+const newPassword = ref("");
+const confirm = ref("");
+const showCurrent = ref(false);
+const showNew = ref(false);
+watch(() => props.open, (v) => {
+  if (!v) return;
+  currentPassword.value = "";
+  newPassword.value = "";
+  confirm.value = "";
+  showCurrent.value = false;
+  showNew.value = false;
+});
+const passwordTooShort = computed(
+  () => newPassword.value.length > 0 && newPassword.value.length < props.minLength
+);
+const sameAsCurrent = computed(
+  () => newPassword.value.length > 0 && currentPassword.value.length > 0 && newPassword.value === currentPassword.value
+);
+const confirmMismatch = computed(
+  () => confirm.value.length > 0 && confirm.value !== newPassword.value
+);
+const canSubmit = computed(
+  () => !!currentPassword.value && newPassword.value.length >= props.minLength && confirm.value === newPassword.value && !sameAsCurrent.value && !props.loading
+);
+function submit() {
+  if (!canSubmit.value) return;
+  emit("submit", {
+    currentPassword: currentPassword.value,
+    newPassword: newPassword.value
+  });
+}
+</script>
+
+<template>
+  <UModal
+    v-model:open="open"
+    :title="title"
+    :ui="{ content: 'sm:max-w-md' }"
+  >
+    <template #body>
+      <div class="flex flex-col gap-4">
+        <p class="text-sm text-(--ui-text-muted)">
+          {{ subtitle }}
+        </p>
+
+        <UAlert
+          v-if="error"
+          color="error"
+          variant="soft"
+          icon="i-lucide-triangle-alert"
+          :description="error"
+        />
+
+        <div class="flex flex-col gap-1">
+          <label class="text-xs font-medium text-(--ui-text-muted)">Current password</label>
+          <UInput
+            v-model="currentPassword"
+            :type="showCurrent ? 'text' : 'password'"
+            size="md"
+            autofocus
+            autocomplete="current-password"
+            placeholder="••••••••"
+            icon="i-lucide-lock"
+            :ui="{ trailing: 'pe-1' }"
+            @keydown.enter="submit"
+          >
+            <template #trailing>
+              <UButton
+                tabindex="-1"
+                variant="ghost"
+                color="neutral"
+                size="xs"
+                :icon="showCurrent ? 'i-lucide-eye-off' : 'i-lucide-eye'"
+                :aria-label="showCurrent ? 'Hide password' : 'Show password'"
+                @click="showCurrent = !showCurrent"
+              />
+            </template>
+          </UInput>
+        </div>
+
+        <div class="flex flex-col gap-1">
+          <label class="text-xs font-medium text-(--ui-text-muted)">New password</label>
+          <UInput
+            v-model="newPassword"
+            :type="showNew ? 'text' : 'password'"
+            size="md"
+            autocomplete="new-password"
+            :placeholder="`${minLength}+ characters`"
+            icon="i-lucide-key-round"
+            :ui="{ trailing: 'pe-1' }"
+            @keydown.enter="submit"
+          >
+            <template #trailing>
+              <UButton
+                tabindex="-1"
+                variant="ghost"
+                color="neutral"
+                size="xs"
+                :icon="showNew ? 'i-lucide-eye-off' : 'i-lucide-eye'"
+                :aria-label="showNew ? 'Hide password' : 'Show password'"
+                @click="showNew = !showNew"
+              />
+            </template>
+          </UInput>
+          <p
+            v-if="passwordTooShort"
+            class="text-xs text-(--ui-color-error-500)"
+          >
+            At least {{ minLength }} characters.
+          </p>
+          <p
+            v-if="sameAsCurrent"
+            class="text-xs text-(--ui-color-warning-500)"
+          >
+            New password matches the current one — pick a different one.
+          </p>
+        </div>
+
+        <div class="flex flex-col gap-1">
+          <label class="text-xs font-medium text-(--ui-text-muted)">Confirm new password</label>
+          <UInput
+            v-model="confirm"
+            :type="showNew ? 'text' : 'password'"
+            size="md"
+            autocomplete="new-password"
+            placeholder="Type it again"
+            icon="i-lucide-shield-check"
+            @keydown.enter="submit"
+          />
+          <p
+            v-if="confirmMismatch"
+            class="text-xs text-(--ui-color-error-500)"
+          >
+            Passwords don't match.
+          </p>
+        </div>
+      </div>
+    </template>
+
+    <template #footer>
+      <div class="flex items-center justify-end gap-2 w-full">
+        <UButton
+          variant="ghost"
+          color="neutral"
+          size="sm"
+          label="Cancel"
+          :disabled="loading"
+          @click="open = false"
+        />
+        <UButton
+          color="primary"
+          size="sm"
+          icon="i-lucide-key-round"
+          label="Update password"
+          :loading="loading"
+          :disabled="!canSubmit"
+          @click="submit"
+        />
+      </div>
+    </template>
+  </UModal>
+</template>

package/dist/runtime/components/APasswordChangeModal.vue.d.ts

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    open?: boolean;
+    loading?: boolean;
+    error?: string | null;
+    title?: string;
+    subtitle?: string;
+    minLength?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (payload: {
+        currentPassword: string;
+        newPassword: string;
+    }) => any;
+    "update:open": (v: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: ((payload: {
+        currentPassword: string;
+        newPassword: string;
+    }) => any) | undefined;
+    "onUpdate:open"?: ((v: boolean) => any) | undefined;
+}>, {
+    subtitle: string;
+    title: string;
+    minLength: number;
+    loading: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/APasswordLoginModal.d.vue.ts

@@ -0,0 +1,42 @@
+type __VLS_Props = {
+    open?: boolean;
+    loading?: boolean;
+    /** Server / client error to display inline. */
+    error?: string | null;
+    title?: string;
+    subtitle?: string;
+    /** Show the "Don't have an account? Register" link. */
+    showRegisterLink?: boolean;
+    /** Show the "Forgot password?" link. */
+    showForgotLink?: boolean;
+    /** Show the optional invite-code field under Advanced. */
+    showInviteCode?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (payload: {
+        username: string;
+        password: string;
+        inviteCode?: string;
+    }) => any;
+    "update:open": (v: boolean) => any;
+    register: () => any;
+    forgot: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: ((payload: {
+        username: string;
+        password: string;
+        inviteCode?: string;
+    }) => any) | undefined;
+    "onUpdate:open"?: ((v: boolean) => any) | undefined;
+    onRegister?: (() => any) | undefined;
+    onForgot?: (() => any) | undefined;
+}>, {
+    subtitle: string;
+    title: string;
+    loading: boolean;
+    showRegisterLink: boolean;
+    showForgotLink: boolean;
+    showInviteCode: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/APasswordLoginModal.vue

@@ -0,0 +1,177 @@
+<script setup>
+import { computed, ref, watch } from "vue";
+const props = defineProps({
+  open: { type: Boolean, required: false },
+  loading: { type: Boolean, required: false, default: false },
+  error: { type: [String, null], required: false },
+  title: { type: String, required: false, default: "Sign in" },
+  subtitle: { type: String, required: false, default: "Enter your username and password." },
+  showRegisterLink: { type: Boolean, required: false, default: true },
+  showForgotLink: { type: Boolean, required: false, default: true },
+  showInviteCode: { type: Boolean, required: false, default: false }
+});
+const emit = defineEmits(["update:open", "submit", "forgot", "register"]);
+const open = computed({
+  get: () => !!props.open,
+  set: (v) => emit("update:open", v)
+});
+const username = ref("");
+const password = ref("");
+const inviteCode = ref("");
+const showPassword = ref(false);
+const showAdvanced = ref(false);
+watch(() => props.open, (v) => {
+  if (!v) return;
+  username.value = "";
+  password.value = "";
+  inviteCode.value = "";
+  showPassword.value = false;
+  showAdvanced.value = props.showInviteCode;
+});
+const canSubmit = computed(
+  () => !!username.value.trim() && !!password.value && !props.loading
+);
+function submit() {
+  if (!canSubmit.value) return;
+  emit("submit", {
+    username: username.value.trim(),
+    password: password.value,
+    inviteCode: inviteCode.value.trim() || void 0
+  });
+}
+</script>
+
+<template>
+  <UModal
+    v-model:open="open"
+    :title="title"
+    :ui="{ content: 'sm:max-w-md' }"
+  >
+    <template #body>
+      <div class="flex flex-col gap-4">
+        <p class="text-sm text-(--ui-text-muted)">
+          {{ subtitle }}
+        </p>
+
+        <UAlert
+          v-if="error"
+          color="error"
+          variant="soft"
+          icon="i-lucide-triangle-alert"
+          :description="error"
+        />
+
+        <div class="flex flex-col gap-1">
+          <label class="text-xs font-medium text-(--ui-text-muted)">Username</label>
+          <UInput
+            v-model="username"
+            size="md"
+            autofocus
+            autocomplete="username"
+            placeholder="your-handle"
+            icon="i-lucide-at-sign"
+            @keydown.enter="submit"
+          />
+        </div>
+
+        <div class="flex flex-col gap-1">
+          <label class="text-xs font-medium text-(--ui-text-muted)">Password</label>
+          <UInput
+            v-model="password"
+            :type="showPassword ? 'text' : 'password'"
+            size="md"
+            autocomplete="current-password"
+            placeholder="••••••••"
+            icon="i-lucide-lock"
+            :ui="{ trailing: 'pe-1' }"
+            @keydown.enter="submit"
+          >
+            <template #trailing>
+              <UButton
+                tabindex="-1"
+                variant="ghost"
+                color="neutral"
+                size="xs"
+                :icon="showPassword ? 'i-lucide-eye-off' : 'i-lucide-eye'"
+                :aria-label="showPassword ? 'Hide password' : 'Show password'"
+                @click="showPassword = !showPassword"
+              />
+            </template>
+          </UInput>
+        </div>
+
+        <div
+          v-if="showInviteCode"
+          class="flex items-center justify-between text-xs"
+        >
+          <UButton
+            variant="ghost"
+            color="neutral"
+            size="xs"
+            :icon="showAdvanced ? 'i-lucide-chevron-up' : 'i-lucide-chevron-down'"
+            :label="showAdvanced ? 'Hide advanced' : 'Advanced'"
+            @click="showAdvanced = !showAdvanced"
+          />
+        </div>
+
+        <div
+          v-if="showInviteCode && showAdvanced"
+          class="flex flex-col gap-1"
+        >
+          <label class="text-xs font-medium text-(--ui-text-muted)">Invite code (optional)</label>
+          <UInput
+            v-model="inviteCode"
+            size="sm"
+            placeholder="paste invite code"
+            icon="i-lucide-ticket"
+            @keydown.enter="submit"
+          />
+        </div>
+
+        <div
+          v-if="showForgotLink || showRegisterLink"
+          class="flex items-center justify-between gap-2 -mt-1 text-xs"
+        >
+          <UButton
+            v-if="showForgotLink"
+            variant="link"
+            color="neutral"
+            size="xs"
+            label="Forgot password?"
+            @click="emit('forgot')"
+          />
+          <UButton
+            v-if="showRegisterLink"
+            variant="link"
+            color="primary"
+            size="xs"
+            label="Create an account"
+            @click="emit('register')"
+          />
+        </div>
+      </div>
+    </template>
+
+    <template #footer>
+      <div class="flex items-center justify-end gap-2 w-full">
+        <UButton
+          variant="ghost"
+          color="neutral"
+          size="sm"
+          label="Cancel"
+          :disabled="loading"
+          @click="open = false"
+        />
+        <UButton
+          color="primary"
+          size="sm"
+          icon="i-lucide-log-in"
+          label="Sign in"
+          :loading="loading"
+          :disabled="!canSubmit"
+          @click="submit"
+        />
+      </div>
+    </template>
+  </UModal>
+</template>

package/dist/runtime/components/APasswordLoginModal.vue.d.ts

@@ -0,0 +1,42 @@
+type __VLS_Props = {
+    open?: boolean;
+    loading?: boolean;
+    /** Server / client error to display inline. */
+    error?: string | null;
+    title?: string;
+    subtitle?: string;
+    /** Show the "Don't have an account? Register" link. */
+    showRegisterLink?: boolean;
+    /** Show the "Forgot password?" link. */
+    showForgotLink?: boolean;
+    /** Show the optional invite-code field under Advanced. */
+    showInviteCode?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (payload: {
+        username: string;
+        password: string;
+        inviteCode?: string;
+    }) => any;
+    "update:open": (v: boolean) => any;
+    register: () => any;
+    forgot: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: ((payload: {
+        username: string;
+        password: string;
+        inviteCode?: string;
+    }) => any) | undefined;
+    "onUpdate:open"?: ((v: boolean) => any) | undefined;
+    onRegister?: (() => any) | undefined;
+    onForgot?: (() => any) | undefined;
+}>, {
+    subtitle: string;
+    title: string;
+    loading: boolean;
+    showRegisterLink: boolean;
+    showForgotLink: boolean;
+    showInviteCode: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;