@chelone/vue 0.0.0-stage → 0.1.0

package/dist/components/admin/realtime/show-live.vue.d.ts

@@ -0,0 +1,26 @@
+/**
+ * `<ShowLive>` — `<Show>` kept fresh: refetches when the record changes or the
+ * connection comes back. Only `resource` and `id` are declared here, because
+ * the wrapper needs them itself; every other attribute and every slot goes to
+ * the `<Show>`. The subscription starts in the wrapper's setup, not in the
+ * body, so an event that lands while the record loads is not missed.
+ */
+import { type Identifier } from "@chelone/core";
+import type { ShowProps } from "../view/show.vue.js";
+/** Props for {@link ShowLive}: the props of `<Show>`. */
+export type ShowLiveProps = ShowProps;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
+    resource?: string;
+    id?: Identifier;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    resource?: string;
+    id?: Identifier;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    [x: string]: ((props: any) => any) | undefined;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/admin/realtime/show-live.vue.js

@@ -0,0 +1,47 @@
+import { defineComponent, watchEffect, openBlock, createBlock, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { subscribeLiveRecord } from "@chelone/core";
+import { useCheloneContext } from "../../../context.js";
+import { useResourceContext } from "../../../resource-context.js";
+import { useRouterAdapterOptional } from "../../../router/adapter.js";
+import _sfc_main$1 from "../view/show.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "show-live",
+  props: {
+    resource: {},
+    id: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const ctx = useCheloneContext();
+    const ambientResource = useResourceContext();
+    if (!(props.resource ?? ambientResource)) {
+      throw new Error(
+        "<Show>: no resource. Pass a `resource` prop or render inside a <Resource>."
+      );
+    }
+    const liveResource = props.resource ?? ambientResource;
+    const liveId = props.id ?? useRouterAdapterOptional()?.useParams().value.id;
+    watchEffect((onCleanup) => {
+      if (!liveResource || liveId === void 0) return;
+      onCleanup(subscribeLiveRecord(ctx, liveResource, liveId).stop);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        resource: __props.resource,
+        id: __props.id
+      }, createSlots({ _: 2 }, [
+        renderList(Object.keys(_ctx.$slots), (name) => {
+          return {
+            name,
+            fn: withCtx((slotProps) => [
+              renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps ?? {})))
+            ])
+          };
+        })
+      ]), 1032, ["resource", "id"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/realtime/show-live2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./show-live.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/components/admin/supabase/forgot-password-form.vue.d.ts

@@ -0,0 +1,7 @@
+/** Props for {@link ForgotPasswordForm}. */
+export interface ForgotPasswordFormProps {
+    /** Extra class names applied to the `<form>` element. */
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<ForgotPasswordFormProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ForgotPasswordFormProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/admin/supabase/forgot-password-form.vue.js

@@ -0,0 +1,91 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, createBlock, createCommentVNode, createTextVNode, toDisplayString } from "vue";
+import { required } from "@chelone/core";
+import { RouterLink } from "vue-router";
+import { useCheloneNotifications } from "../../../context.js";
+import { useForm } from "../../../form/use-form.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { cn } from "../../../lib/utils.js";
+import _sfc_main$2 from "../../ui/button.vue.js";
+import _sfc_main$3 from "../../ui/spinner2.vue.js";
+import _sfc_main$1 from "../inputs/text-input.vue.js";
+import { useResetPassword } from "./use-password-recovery.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "forgot-password-form",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const resetPassword = useResetPassword();
+    const notifications = useCheloneNotifications();
+    const translate = useTranslate();
+    function errorMessage(error) {
+      if (typeof error === "string" && error) return error;
+      if (error && typeof error === "object" && "message" in error) {
+        const { message } = error;
+        if (typeof message === "string" && message) return message;
+      }
+      return void 0;
+    }
+    async function save(values) {
+      try {
+        await resetPassword.mutateAsync({ email: values.email });
+      } catch (error) {
+        const message = errorMessage(error);
+        notifications?.notify(message ?? "ra.notification.http_error", {
+          type: "warning",
+          messageArgs: { _: message }
+        });
+      }
+      return void 0;
+    }
+    const { submit, submitting } = useForm({
+      record: { email: "" },
+      onSubmit: save,
+      resetOnSuccess: false
+    });
+    function handleSubmit(event) {
+      event.preventDefault();
+      void submit();
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("form", {
+        class: normalizeClass(unref(cn)("flex flex-col gap-8", props.class)),
+        novalidate: "",
+        onSubmit: handleSubmit
+      }, [
+        createVNode(_sfc_main$1, {
+          label: unref(translate)("ra-supabase.auth.email", { _: "Email" }),
+          source: "email",
+          type: "email",
+          autocomplete: "email",
+          autofocus: "",
+          validate: unref(required)()
+        }, null, 8, ["label", "validate"]),
+        createVNode(_sfc_main$2, {
+          type: "submit",
+          class: "cursor-pointer",
+          disabled: unref(submitting)
+        }, {
+          default: withCtx(() => [
+            unref(submitting) ? (openBlock(), createBlock(_sfc_main$3, { key: 0 })) : createCommentVNode("", true),
+            createTextVNode(" " + toDisplayString(unref(translate)("ra-supabase.auth.reset_password", { _: "Reset password" })), 1)
+          ]),
+          _: 1
+        }, 8, ["disabled"]),
+        createVNode(unref(RouterLink), {
+          to: "/login",
+          class: "text-center text-sm text-muted-foreground underline underline-offset-4 hover:text-primary"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(translate)("ra-supabase.auth.back_to_login", { _: "Back to login" })), 1)
+          ]),
+          _: 1
+        })
+      ], 34);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/supabase/forgot-password-form2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./forgot-password-form.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/components/admin/supabase/forgot-password-page.vue.d.ts

@@ -0,0 +1,14 @@
+/** Props for {@link ForgotPasswordPage}. */
+export interface ForgotPasswordPageProps {
+    class?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ForgotPasswordPageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ForgotPasswordPageProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    /** Custom content in place of the default `<ForgotPasswordForm>`. */
+    default?: () => unknown;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/admin/supabase/forgot-password-page.vue.js

@@ -0,0 +1,35 @@
+import { defineComponent, openBlock, createBlock, normalizeClass, unref, withCtx, renderSlot, createVNode } from "vue";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import _sfc_main$1 from "../auth/auth-layout.vue.js";
+import _sfc_main$2 from "./forgot-password-form.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "forgot-password-page",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const translate = useTranslate();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        title: unref(translate)("ra-supabase.reset_password.forgot_password", {
+          _: "Forgot your password?"
+        }),
+        subtitle: unref(translate)("ra-supabase.reset_password.forgot_password_details", {
+          _: "Enter your email to receive a link to reset your password."
+        }),
+        class: normalizeClass(props.class)
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createVNode(_sfc_main$2)
+          ])
+        ]),
+        _: 3
+      }, 8, ["title", "subtitle", "class"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/supabase/forgot-password-page2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./forgot-password-page.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/components/admin/supabase/provider-buttons.d.ts

@@ -0,0 +1,25 @@
+/**
+ * One sign-in button per Supabase OAuth provider, each a
+ * {@link SocialAuthButton} with its icon and the translated
+ * `ra-supabase.auth.sign_in_with` label. Built with `defineComponent` because a
+ * `.vue` file holds one component. The default slot replaces icon and label.
+ */
+import { type SocialAuthButtonProps } from "./social-auth-button.vue.js";
+/** Props for a provider button: those of {@link SocialAuthButton} minus `provider`. */
+export type ProviderButtonProps = Omit<SocialAuthButtonProps, "provider">;
+export declare const AppleButton: import("vue").DefineComponent<ProviderButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProviderButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export declare const AzureButton: import("vue").DefineComponent<ProviderButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProviderButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export declare const BitbucketButton: import("vue").DefineComponent<ProviderButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProviderButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export declare const DiscordButton: import("vue").DefineComponent<ProviderButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProviderButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export declare const FacebookButton: import("vue").DefineComponent<ProviderButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProviderButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export declare const GithubButton: import("vue").DefineComponent<ProviderButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProviderButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export declare const GitlabButton: import("vue").DefineComponent<ProviderButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProviderButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export declare const GoogleButton: import("vue").DefineComponent<ProviderButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProviderButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export declare const KeycloakButton: import("vue").DefineComponent<ProviderButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProviderButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export declare const LinkedinButton: import("vue").DefineComponent<ProviderButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProviderButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export declare const NotionButton: import("vue").DefineComponent<ProviderButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProviderButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export declare const SlackButton: import("vue").DefineComponent<ProviderButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProviderButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export declare const SpotifyButton: import("vue").DefineComponent<ProviderButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProviderButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export declare const TwitchButton: import("vue").DefineComponent<ProviderButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProviderButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export declare const TwitterButton: import("vue").DefineComponent<ProviderButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProviderButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export declare const WorkosButton: import("vue").DefineComponent<ProviderButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProviderButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/admin/supabase/provider-buttons.js

@@ -0,0 +1,80 @@
+import { defineComponent, h } from "vue";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import _sfc_main from "./social-auth-button.vue.js";
+import { AppleIcon, AzureIcon, BitbucketIcon, DiscordIcon, FacebookIcon, GithubIcon, GitlabIcon, GoogleIcon, KeycloakIcon, LinkedinIcon, NotionIcon, SlackIcon, SpotifyIcon, TwitchIcon, TwitterIcon, WorkosIcon } from "./social-icons.js";
+function providerButton(provider, label, Icon) {
+  return defineComponent({
+    name: `${label}Button`,
+    props: {
+      redirect: { type: String, default: void 0 },
+      disabled: { type: Boolean, default: false },
+      class: { type: String, default: void 0 }
+    },
+    setup(props, { slots }) {
+      const translate = useTranslate();
+      return () => h(
+        _sfc_main,
+        { ...props, provider },
+        {
+          default: () => slots.default?.() ?? [
+            h(Icon),
+            translate("ra-supabase.auth.sign_in_with", {
+              provider: label,
+              _: `Sign in with ${label}`
+            })
+          ]
+        }
+      );
+    }
+  });
+}
+const AppleButton = providerButton("apple", "Apple", AppleIcon);
+const AzureButton = providerButton("azure", "Azure", AzureIcon);
+const BitbucketButton = providerButton(
+  "bitbucket",
+  "Bitbucket",
+  BitbucketIcon
+);
+const DiscordButton = providerButton("discord", "Discord", DiscordIcon);
+const FacebookButton = providerButton(
+  "facebook",
+  "Facebook",
+  FacebookIcon
+);
+const GithubButton = providerButton("github", "Github", GithubIcon);
+const GitlabButton = providerButton("gitlab", "Gitlab", GitlabIcon);
+const GoogleButton = providerButton("google", "Google", GoogleIcon);
+const KeycloakButton = providerButton(
+  "keycloak",
+  "Keycloak",
+  KeycloakIcon
+);
+const LinkedinButton = providerButton(
+  "linkedin",
+  "Linkedin",
+  LinkedinIcon
+);
+const NotionButton = providerButton("notion", "Notion", NotionIcon);
+const SlackButton = providerButton("slack", "Slack", SlackIcon);
+const SpotifyButton = providerButton("spotify", "Spotify", SpotifyIcon);
+const TwitchButton = providerButton("twitch", "Twitch", TwitchIcon);
+const TwitterButton = providerButton("twitter", "Twitter", TwitterIcon);
+const WorkosButton = providerButton("workos", "Workos", WorkosIcon);
+export {
+  AppleButton,
+  AzureButton,
+  BitbucketButton,
+  DiscordButton,
+  FacebookButton,
+  GithubButton,
+  GitlabButton,
+  GoogleButton,
+  KeycloakButton,
+  LinkedinButton,
+  NotionButton,
+  SlackButton,
+  SpotifyButton,
+  TwitchButton,
+  TwitterButton,
+  WorkosButton
+};

package/dist/components/admin/supabase/set-password-form.vue.d.ts

@@ -0,0 +1,7 @@
+/** Props for {@link SetPasswordForm}. */
+export interface SetPasswordFormProps {
+    /** Extra class names applied to the `<form>` element. */
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<SetPasswordFormProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SetPasswordFormProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/admin/supabase/set-password-form.vue.js

@@ -0,0 +1,131 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, toDisplayString, createVNode, withCtx, createTextVNode, createBlock, createCommentVNode } from "vue";
+import { required } from "@chelone/core";
+import { RouterLink } from "vue-router";
+import { useCheloneNotifications } from "../../../context.js";
+import { useForm } from "../../../form/use-form.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { cn } from "../../../lib/utils.js";
+import _sfc_main$2 from "../../ui/button.vue.js";
+import _sfc_main$3 from "../../ui/spinner2.vue.js";
+import _sfc_main$1 from "../inputs/password-input.vue.js";
+import { useSupabaseUrlTokens, useSetPassword } from "./use-password-recovery.js";
+const _hoisted_1 = {
+  role: "alert",
+  class: "text-center text-sm"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "set-password-form",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { accessToken, refreshToken } = useSupabaseUrlTokens();
+    const setPassword = useSetPassword();
+    const notifications = useCheloneNotifications();
+    const translate = useTranslate();
+    const hasTokens = computed(() => !!accessToken.value && !!refreshToken.value);
+    function errorMessage(error) {
+      if (typeof error === "string" && error) return error;
+      if (error && typeof error === "object" && "message" in error) {
+        const { message } = error;
+        if (typeof message === "string" && message) return message;
+      }
+      return void 0;
+    }
+    function validateMatch(values) {
+      if (values.password === values.confirmPassword) return void 0;
+      return Object.fromEntries(
+        ["password", "confirmPassword"].map((source) => [
+          source,
+          {
+            message: "ra-supabase.validation.password_mismatch",
+            args: { _: "Passwords do not match" }
+          }
+        ])
+      );
+    }
+    async function save(values) {
+      if (!accessToken.value || !refreshToken.value) return void 0;
+      try {
+        await setPassword.mutateAsync({
+          access_token: accessToken.value,
+          refresh_token: refreshToken.value,
+          password: values.password
+        });
+      } catch (error) {
+        const message = errorMessage(error);
+        notifications?.notify(message ?? "ra.notification.http_error", {
+          type: "warning",
+          messageArgs: { _: message }
+        });
+      }
+      return void 0;
+    }
+    const { submit, submitting } = useForm({
+      record: { password: "", confirmPassword: "" },
+      validate: validateMatch,
+      onSubmit: save,
+      resetOnSuccess: false
+    });
+    function handleSubmit(event) {
+      event.preventDefault();
+      void submit();
+    }
+    const linkClass = "text-center text-sm text-muted-foreground underline underline-offset-4 hover:text-primary";
+    return (_ctx, _cache) => {
+      return !hasTokens.value ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(unref(cn)("flex flex-col gap-8", props.class))
+      }, [
+        createElementVNode("p", _hoisted_1, toDisplayString(unref(translate)("ra-supabase.auth.missing_tokens", {
+          _: "Access and refresh tokens are missing from the link"
+        })), 1),
+        createVNode(unref(RouterLink), {
+          to: "/login",
+          class: normalizeClass(linkClass)
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(translate)("ra-supabase.auth.back_to_login", { _: "Back to login" })), 1)
+          ]),
+          _: 1
+        })
+      ], 2)) : (openBlock(), createElementBlock("form", {
+        key: 1,
+        class: normalizeClass(unref(cn)("flex flex-col gap-8", props.class)),
+        novalidate: "",
+        onSubmit: handleSubmit
+      }, [
+        createVNode(_sfc_main$1, {
+          label: unref(translate)("ra.auth.password", { _: "Password" }),
+          source: "password",
+          autocomplete: "new-password",
+          autofocus: "",
+          validate: unref(required)()
+        }, null, 8, ["label", "validate"]),
+        createVNode(_sfc_main$1, {
+          label: unref(translate)("ra-supabase.auth.confirm_password", {
+            _: "Confirm password"
+          }),
+          source: "confirmPassword",
+          autocomplete: "new-password",
+          validate: unref(required)()
+        }, null, 8, ["label", "validate"]),
+        createVNode(_sfc_main$2, {
+          type: "submit",
+          class: "cursor-pointer",
+          disabled: unref(submitting)
+        }, {
+          default: withCtx(() => [
+            unref(submitting) ? (openBlock(), createBlock(_sfc_main$3, { key: 0 })) : createCommentVNode("", true),
+            createTextVNode(" " + toDisplayString(unref(translate)("ra.action.save", { _: "Save" })), 1)
+          ]),
+          _: 1
+        }, 8, ["disabled"])
+      ], 34));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/supabase/set-password-form2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./set-password-form.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/components/admin/supabase/set-password-page.vue.d.ts

@@ -0,0 +1,14 @@
+/** Props for {@link SetPasswordPage}. */
+export interface SetPasswordPageProps {
+    class?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<SetPasswordPageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SetPasswordPageProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    /** Custom content in place of the default `<SetPasswordForm>`. */
+    default?: () => unknown;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/admin/supabase/set-password-page.vue.js

@@ -0,0 +1,32 @@
+import { defineComponent, openBlock, createBlock, normalizeClass, unref, withCtx, renderSlot, createVNode } from "vue";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import _sfc_main$1 from "../auth/auth-layout.vue.js";
+import _sfc_main$2 from "./set-password-form.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "set-password-page",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const translate = useTranslate();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        title: unref(translate)("ra-supabase.set_password.new_password", {
+          _: "Choose your password"
+        }),
+        class: normalizeClass(props.class)
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createVNode(_sfc_main$2)
+          ])
+        ]),
+        _: 3
+      }, 8, ["title", "class"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/supabase/set-password-page2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./set-password-page.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/components/admin/supabase/social-auth-button.vue.d.ts

@@ -0,0 +1,20 @@
+import type { SupabaseOAuthProvider } from "@chelone/supabase";
+export type { SupabaseOAuthProvider };
+/** Props for {@link SocialAuthButton}. */
+export interface SocialAuthButtonProps {
+    provider: SupabaseOAuthProvider;
+    /** Where the provider sends the user back. Defaults to the current URL. */
+    redirect?: string;
+    disabled?: boolean;
+    /** Extra class names applied to the `<button>` element. */
+    class?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<SocialAuthButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SocialAuthButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/admin/supabase/social-auth-button.vue.js

@@ -0,0 +1,60 @@
+import { defineComponent, openBlock, createBlock, unref, normalizeClass, withCtx, renderSlot } from "vue";
+import { useCheloneNotifications } from "../../../context.js";
+import { useLogin } from "../../../auth/auth-hooks.js";
+import { cn } from "../../../lib/utils.js";
+import _sfc_main$1 from "../../ui/button.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "social-auth-button",
+  props: {
+    provider: {},
+    redirect: {},
+    disabled: { type: Boolean },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const login = useLogin();
+    const notifications = useCheloneNotifications();
+    function errorMessage(error) {
+      if (typeof error === "string" && error) return error;
+      if (error && typeof error === "object" && "message" in error) {
+        const { message } = error;
+        if (typeof message === "string" && message) return message;
+      }
+      return void 0;
+    }
+    async function handleClick() {
+      try {
+        await login.mutateAsync({
+          provider: props.provider,
+          redirectTo: props.redirect ?? window.location.toString()
+        });
+      } catch (error) {
+        const message = errorMessage(error);
+        if (message) {
+          notifications?.notify(message, {
+            type: "error",
+            messageArgs: { _: message }
+          });
+        }
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        type: "button",
+        variant: "outline",
+        class: normalizeClass(unref(cn)("cursor-pointer", props.class)),
+        disabled: props.disabled || unref(login).isPending.value,
+        onClick: handleClick
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["class", "disabled"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/supabase/social-auth-button2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./social-auth-button.vue.js";
+export {
+  _sfc_main as default
+};