@chelone/vue 0.0.0-stage → 0.1.0

package/dist/components/admin/supabase/social-icons.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Brand marks for the provider buttons, drawn 20 by 20 and hidden from
+ * assistive tech: the button's label names the provider. The Vue twin of
+ * `@chelone/react`'s `social-icons.tsx`, as functional components built with
+ * `h` because `@chelone/vue` has no icon library.
+ *
+ * Filled marks follow the Simple Icons glyphs (CC0). Marks drawn here from
+ * plain shapes (Azure, Keycloak, Notion, WorkOS) are stylised, not the
+ * official artwork.
+ */
+import { type FunctionalComponent } from "vue";
+export declare const AppleIcon: FunctionalComponent;
+export declare const AzureIcon: FunctionalComponent;
+export declare const BitbucketIcon: FunctionalComponent;
+export declare const DiscordIcon: FunctionalComponent;
+export declare const FacebookIcon: FunctionalComponent;
+export declare const GithubIcon: FunctionalComponent;
+export declare const GitlabIcon: FunctionalComponent;
+export declare const GoogleIcon: FunctionalComponent;
+export declare const KeycloakIcon: FunctionalComponent;
+export declare const LinkedinIcon: FunctionalComponent;
+export declare const NotionIcon: FunctionalComponent;
+export declare const SlackIcon: FunctionalComponent;
+export declare const SpotifyIcon: FunctionalComponent;
+export declare const TwitchIcon: FunctionalComponent;
+export declare const TwitterIcon: FunctionalComponent;
+export declare const WorkosIcon: FunctionalComponent;

package/dist/components/admin/supabase/social-icons.js

@@ -0,0 +1,140 @@
+import { h } from "vue";
+function mark(paths, fill = "currentColor") {
+  const icon = (_props, { attrs }) => h(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      width: 20,
+      height: 20,
+      "aria-hidden": "true",
+      focusable: "false",
+      fill,
+      ...attrs
+    },
+    paths.map(
+      ({ d, fill: pathFill, outline }) => h("path", {
+        d,
+        ...pathFill ? { fill: pathFill } : {},
+        ...outline ? {
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": 2,
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        } : {}
+      })
+    )
+  );
+  return icon;
+}
+const AppleIcon = mark([
+  {
+    d: "M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04 .027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35 .987 3.96 .948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207 .052-2.662 .805-3.532 1.818-.78 .896-1.454 2.338-1.273 3.714 1.338 .104 2.715-.688 3.559-1.701"
+  }
+]);
+const AzureIcon = mark([
+  { d: "M9.5 3 2 19.5h5.2L9.5 3zm1.2 1.6L8 13l5.4 1.8-7.1 4.7H22L10.7 4.6z" }
+]);
+const BitbucketIcon = mark([
+  {
+    d: "M.778 1.213a.768 .768 0 00-.768 .892l3.263 19.81c.084 .5 .515 .868 1.022 .873H19.95a.772 .772 0 00.77-.646l3.27-20.03a.768 .768 0 00-.768-.891zM14.52 15.53H9.522L8.17 8.466h7.561z"
+  }
+]);
+const DiscordIcon = mark([
+  {
+    d: "M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152 .0741 .0741 0 00-.0785 .0371c-.211 .3753-.4447 .8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077 .077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515 .0699 .0699 0 00-.0321 .0277C.5334 9.0458-.319 13.5799 .0992 18.0578a.0824 .0824 0 00.0312 .0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777 .0777 0 00.0842-.0276c.4616-.6304 .8731-1.2952 1.226-1.9942a.076 .076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077 .077 0 01-.0076-.1277c.1258-.0943 .2517-.1923 .3718-.2914a.0743 .0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739 .0739 0 01.0785 .0095c.1202 .099 .246 .1981 .3728 .2924a.077 .077 0 01-.0066 .1276 12.2986 12.2986 0 01-1.873 .8914 .0766 .0766 0 00-.0407 .1067c.3604 .698 .7719 1.3628 1.225 1.9932a.076 .076 0 00.0842 .0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077 .077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061 .061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332 .9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332 .9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z"
+  }
+]);
+const FacebookIcon = mark([
+  {
+    d: "M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686 .235 2.686 .235v2.953H15.83c-1.491 0-1.956 .925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"
+  }
+]);
+const GithubIcon = mark([
+  {
+    d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385 .6 .113 .82-.258 .82-.577 0-.285-.01-1.04-.015-2.04-3.338 .724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744 .084-.729 .084-.729 1.205 .084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495 .998 .108-.776 .417-1.305 .76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31 .465-2.38 1.235-3.22-.135-.303-.54-1.523 .105-3.176 0 0 1.005-.322 3.3 1.23 .96-.267 1.98-.399 3-.405 1.02 .006 2.04 .138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23 .645 1.653 .24 2.873 .12 3.176 .765 .84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92 .42 .36 .81 1.096 .81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315 .21 .69 .825 .57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
+  }
+]);
+const GitlabIcon = mark([
+  {
+    d: "m23.6004 9.5927-.0337-.0862L20.3 .9814a.851 .851 0 0 0-.3362-.405 .8748 .8748 0 0 0-.9997 .0539 .8748 .8748 0 0 0-.29 .4399l-2.2055 6.748H7.5375l-2.2057-6.748a.8573 .8573 0 0 0-.29-.4412 .8748 .8748 0 0 0-.9997-.0537 .8585 .8585 0 0 0-.3362 .4049L.4332 9.5015l-.0325 .0862a6.0657 6.0657 0 0 0 2.0119 7.0105l.0113 .0087 .03 .0213 4.976 3.7264 2.462 1.8633 1.4995 1.1321a1.0085 1.0085 0 0 0 1.2197 0l1.4995-1.1321 2.4619-1.8633 5.006-3.7466 .0125-.01a6.0682 6.0682 0 0 0 2.0094-7.0057z"
+  }
+]);
+const GoogleIcon = mark(
+  [
+    {
+      d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z",
+      fill: "#4285F4"
+    },
+    {
+      d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98 .66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z",
+      fill: "#34A853"
+    },
+    {
+      d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43 .35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22 .81-.62z",
+      fill: "#FBBC05"
+    },
+    {
+      d: "M12 5.38c1.62 0 3.06 .56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z",
+      fill: "#EA4335"
+    }
+  ],
+  "none"
+);
+const KeycloakIcon = mark([
+  { d: "M7.5 3h9L21 12l-4.5 9h-9L3 12zM9 9v6m0-3 5-3m-5 3 5 3", outline: true }
+]);
+const LinkedinIcon = mark([
+  {
+    d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138 .92-2.063 2.063-2.063 1.14 0 2.064 .925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227 .792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"
+  }
+]);
+const NotionIcon = mark([
+  {
+    d: "M5 3h12l3 3v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",
+    outline: true
+  },
+  { d: "M8 17V8l8 9V8", outline: true }
+]);
+const SlackIcon = mark([
+  {
+    d: "M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zM6.313 15.165a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zM8.834 6.313a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zM18.956 8.834a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zM17.688 8.834a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zM15.165 18.956a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zM15.165 17.688a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z"
+  }
+]);
+const SpotifyIcon = mark([
+  {
+    d: "M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24 .359-.66 .48-1.021 .24-2.82-1.74-6.36-2.101-10.561-1.141-.418 .122-.779-.179-.899-.539-.12-.421 .18-.78 .54-.9 4.56-1.021 8.52-.6 11.64 1.32 .42 .18 .479 .659 .301 1.02zm1.44-3.3c-.301 .42-.841 .6-1.262 .3-3.239-1.98-8.159-2.58-11.939-1.38-.479 .12-1.02-.12-1.14-.6-.12-.48 .12-1.021 .6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361 .181 .54 .78 .241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6 .179-1.2-.181-1.38-.721-.18-.601 .18-1.2 .72-1.381 4.26-1.26 11.28-1.02 15.721 1.621 .539 .3 .719 1.02 .419 1.56-.299 .421-1.02 .599-1.559 .3z"
+  }
+]);
+const TwitchIcon = mark([
+  {
+    d: "M11.571 4.714h1.715v5.143H11.57zm4.715 0H18v5.143h-1.714zM6 0L1.714 4.286v15.428h5.143V24l4.286-4.286h3.428L22.286 12V0zm14.571 11.143l-3.428 3.428h-3.429l-3 3v-3H6.857V1.714h13.714Z"
+  }
+]);
+const TwitterIcon = mark([
+  {
+    d: "M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"
+  }
+]);
+const WorkosIcon = mark([
+  { d: "M2 7l4 10 6-8 6 8 4-10", outline: true }
+]);
+export {
+  AppleIcon,
+  AzureIcon,
+  BitbucketIcon,
+  DiscordIcon,
+  FacebookIcon,
+  GithubIcon,
+  GitlabIcon,
+  GoogleIcon,
+  KeycloakIcon,
+  LinkedinIcon,
+  NotionIcon,
+  SlackIcon,
+  SpotifyIcon,
+  TwitchIcon,
+  TwitterIcon,
+  WorkosIcon
+};

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

@@ -0,0 +1,23 @@
+import type { SupabaseOAuthProvider } from "./social-auth-button.vue.js";
+/** Props for {@link SupabaseLoginPage}. */
+export interface SupabaseLoginPageProps {
+    /** Hides the email and password form, its divider and the forgot password link. */
+    disableEmailPassword?: boolean;
+    /** Hides the forgot password link. */
+    disableForgotPassword?: boolean;
+    /** OAuth providers to show a button for, in order. */
+    providers?: SupabaseOAuthProvider[];
+    /** Path a successful sign-in redirects to. Forwarded to the form and the buttons. */
+    redirectTo?: string;
+    class?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<SupabaseLoginPageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SupabaseLoginPageProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    /** Custom content in place of the form, the link and the buttons. */
+    default?: () => unknown;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/admin/supabase/supabase-login-page.vue.js

@@ -0,0 +1,92 @@
+import { defineComponent, computed, openBlock, createBlock, normalizeClass, withCtx, renderSlot, createElementBlock, Fragment, createVNode, unref, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, renderList, resolveDynamicComponent } from "vue";
+import { forgotPasswordPath } from "@chelone/supabase";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import _sfc_main$2 from "../auth/login-form.vue.js";
+import _sfc_main$1 from "../auth/login-page.vue.js";
+import _sfc_main$3 from "../common/link.vue.js";
+import { WorkosButton, TwitterButton, TwitchButton, SpotifyButton, SlackButton, NotionButton, LinkedinButton, KeycloakButton, GoogleButton, GitlabButton, GithubButton, FacebookButton, DiscordButton, BitbucketButton, AzureButton, AppleButton } from "./provider-buttons.js";
+const _hoisted_1 = {
+  key: 1,
+  class: "flex flex-col gap-4"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "flex items-center gap-4 text-sm text-muted-foreground"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "supabase-login-page",
+  props: {
+    disableEmailPassword: { type: Boolean },
+    disableForgotPassword: { type: Boolean },
+    providers: {},
+    redirectTo: {},
+    class: {}
+  },
+  setup(__props) {
+    const buttons = {
+      apple: AppleButton,
+      azure: AzureButton,
+      bitbucket: BitbucketButton,
+      discord: DiscordButton,
+      facebook: FacebookButton,
+      github: GithubButton,
+      gitlab: GitlabButton,
+      google: GoogleButton,
+      keycloak: KeycloakButton,
+      linkedin: LinkedinButton,
+      notion: NotionButton,
+      slack: SlackButton,
+      spotify: SpotifyButton,
+      twitch: TwitchButton,
+      twitter: TwitterButton,
+      workos: WorkosButton
+    };
+    const props = __props;
+    const translate = useTranslate();
+    const providers = computed(() => props.providers ?? []);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        class: normalizeClass(props.class)
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            !props.disableEmailPassword ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createVNode(_sfc_main$2, {
+                "redirect-to": props.redirectTo
+              }, null, 8, ["redirect-to"]),
+              !props.disableForgotPassword ? (openBlock(), createBlock(_sfc_main$3, {
+                key: 0,
+                to: unref(forgotPasswordPath),
+                class: "text-center text-sm text-muted-foreground underline underline-offset-4 hover:text-primary"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(translate)("ra-supabase.auth.forgot_password", {
+                    _: "Forgot password?"
+                  })), 1)
+                ]),
+                _: 1
+              }, 8, ["to"])) : createCommentVNode("", true)
+            ], 64)) : createCommentVNode("", true),
+            providers.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1, [
+              !props.disableEmailPassword ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                _cache[0] || (_cache[0] = createElementVNode("div", { class: "flex-1 border-t" }, null, -1)),
+                createTextVNode(" " + toDisplayString(unref(translate)("ra.auth.or", { _: "or" })) + " ", 1),
+                _cache[1] || (_cache[1] = createElementVNode("div", { class: "flex-1 border-t" }, null, -1))
+              ])) : createCommentVNode("", true),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(providers.value, (provider) => {
+                return openBlock(), createBlock(resolveDynamicComponent(buttons[provider]), {
+                  key: provider,
+                  redirect: props.redirectTo
+                }, null, 8, ["redirect"]);
+              }), 128))
+            ])) : createCommentVNode("", true)
+          ])
+        ]),
+        _: 3
+      }, 8, ["class"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/supabase/supabase-login-page2.vue.js

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

package/dist/components/admin/supabase/use-password-recovery.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Composables for the Supabase password-recovery flows: ask for a reset email,
+ * set a new password from the emailed link, and read that link's tokens. The
+ * Vue twin of `@chelone/react`'s `supabase/use-password-recovery.ts`.
+ *
+ * Vue-specific divergence: `useSupabaseUrlTokens` returns refs, because the
+ * adapter's `useLocation()` is a `ComputedRef` that follows the route. Tokens
+ * that arrive on a later navigation replace the kept ones.
+ */
+import type { ResetPasswordParams, SetPasswordParams } from "@chelone/supabase";
+import { type MutationObserverOptions, type UseMutationOptions } from "@tanstack/vue-query";
+import { type ComputedRef } from "vue";
+export type UseResetPasswordOptions = Omit<UseMutationOptions<void, Error, ResetPasswordParams>, "mutationFn" | "onSuccess"> & Pick<MutationObserverOptions<void, Error, ResetPasswordParams>, "onSuccess">;
+export type UseSetPasswordOptions = Omit<UseMutationOptions<void, Error, SetPasswordParams>, "mutationFn" | "onSuccess"> & Pick<MutationObserverOptions<void, Error, SetPasswordParams>, "onSuccess">;
+/** Sends the reset email, then points the user at the login page. */
+export declare function useResetPassword(options?: UseResetPasswordOptions): import("@tanstack/vue-query").UseMutationReturnType<void, Error, ResetPasswordParams, unknown, Omit<import("@tanstack/query-core").MutationObserverIdleResult<void, Error, ResetPasswordParams, unknown>, "reset" | "mutate"> | Omit<import("@tanstack/query-core").MutationObserverLoadingResult<void, Error, ResetPasswordParams, unknown>, "reset" | "mutate"> | Omit<import("@tanstack/query-core").MutationObserverErrorResult<void, Error, ResetPasswordParams, unknown>, "reset" | "mutate"> | Omit<import("@tanstack/query-core").MutationObserverSuccessResult<void, Error, ResetPasswordParams, unknown>, "reset" | "mutate">>;
+/** Saves the new password, then refreshes the session the auth gate sees. */
+export declare function useSetPassword(options?: UseSetPasswordOptions): import("@tanstack/vue-query").UseMutationReturnType<void, Error, SetPasswordParams, unknown, Omit<import("@tanstack/query-core").MutationObserverIdleResult<void, Error, SetPasswordParams, unknown>, "reset" | "mutate"> | Omit<import("@tanstack/query-core").MutationObserverLoadingResult<void, Error, SetPasswordParams, unknown>, "reset" | "mutate"> | Omit<import("@tanstack/query-core").MutationObserverErrorResult<void, Error, SetPasswordParams, unknown>, "reset" | "mutate"> | Omit<import("@tanstack/query-core").MutationObserverSuccessResult<void, Error, SetPasswordParams, unknown>, "reset" | "mutate">>;
+/**
+ * The access and refresh tokens a Supabase recovery or invite link carries.
+ * Read once and kept for the page's life, then the history entry is replaced
+ * with the same path minus the tokens, so the refresh token does not stay in
+ * the browser history or reach the server's access log on a reload.
+ */
+export declare function useSupabaseUrlTokens(): {
+    accessToken: ComputedRef<string | null>;
+    refreshToken: ComputedRef<string | null>;
+};

package/dist/components/admin/supabase/use-password-recovery.js

@@ -0,0 +1,111 @@
+import { readSupabaseUrlParams } from "@chelone/supabase";
+import { useMutation, useQueryClient } from "@tanstack/vue-query";
+import { ref, watch, computed } from "vue";
+import { useCheloneAuthProvider } from "../../../context.js";
+import { useNotify } from "../../../notification-hooks.js";
+import { useRedirect, useLocation, useNavigate } from "../../../router/nav-composables.js";
+function useResetPassword(options = {}) {
+  const authProvider = useCheloneAuthProvider();
+  const notify = useNotify();
+  const redirect = useRedirect();
+  return useMutation({
+    ...options,
+    mutationFn: async (params) => {
+      if (!("resetPassword" in authProvider)) {
+        throw new Error(
+          "useResetPassword: the auth provider has no resetPassword method. Use supabaseAuthProvider from @chelone/supabase."
+        );
+      }
+      await authProvider.resetPassword(params);
+    },
+    onSuccess: (...args) => {
+      notify("ra-supabase.auth.password_reset", { type: "info" });
+      redirect("/login");
+      return options.onSuccess?.(...args);
+    }
+  });
+}
+function useSetPassword(options = {}) {
+  const authProvider = useCheloneAuthProvider();
+  const queryClient = useQueryClient();
+  const redirect = useRedirect();
+  return useMutation({
+    ...options,
+    mutationFn: async (params) => {
+      if (!("setPassword" in authProvider)) {
+        throw new Error(
+          "useSetPassword: the auth provider has no setPassword method. Use supabaseAuthProvider from @chelone/supabase."
+        );
+      }
+      await authProvider.setPassword(params);
+    },
+    onSuccess: async (...args) => {
+      await queryClient.invalidateQueries({ queryKey: ["auth"] });
+      redirect("/");
+      return options.onSuccess?.(...args);
+    }
+  });
+}
+const TOKEN_KEYS = ["access_token", "refresh_token", "type"];
+function stripKeys(query) {
+  const params = new URLSearchParams(query);
+  if (!TOKEN_KEYS.some((key) => params.has(key))) return null;
+  for (const key of TOKEN_KEYS) params.delete(key);
+  return params.toString();
+}
+function cleanedPath({
+  pathname,
+  search,
+  hash
+}) {
+  const cleanSearch = stripKeys(search);
+  let cleanHash = hash;
+  let changed = cleanSearch !== null;
+  const queryStart = cleanHash.indexOf("?");
+  if (queryStart !== -1) {
+    const queryEnd = cleanHash.indexOf("#", queryStart);
+    const end = queryEnd === -1 ? cleanHash.length : queryEnd;
+    const query = stripKeys(cleanHash.slice(queryStart + 1, end));
+    if (query !== null) {
+      cleanHash = `${cleanHash.slice(0, queryStart)}${query ? `?${query}` : ""}${cleanHash.slice(end)}`;
+      changed = true;
+    }
+  }
+  const fragmentStart = cleanHash.lastIndexOf("#");
+  const fragment = stripKeys(cleanHash.slice(fragmentStart + 1));
+  if (fragment !== null) {
+    cleanHash = `${cleanHash.slice(0, fragmentStart)}${fragment ? `#${fragment}` : ""}`;
+    changed = true;
+  }
+  if (!changed) return null;
+  const searchPart = (cleanSearch ?? search).replace(/^\?/, "");
+  return `${pathname}${searchPart ? `?${searchPart}` : ""}${cleanHash}`;
+}
+function useSupabaseUrlTokens() {
+  const location = useLocation();
+  const navigate = useNavigate();
+  const accessToken = ref(null);
+  const refreshToken = ref(null);
+  watch(
+    location,
+    (current) => {
+      const read = readSupabaseUrlParams(current);
+      if (read.accessToken !== null || read.refreshToken !== null) {
+        accessToken.value = read.accessToken;
+        refreshToken.value = read.refreshToken;
+      }
+      const cleaned = cleanedPath(current);
+      if (cleaned !== null) navigate(cleaned, { replace: true });
+    },
+    { immediate: true }
+  );
+  return {
+    accessToken: computed(() => accessToken.value),
+    refreshToken: computed(() => refreshToken.value)
+  };
+}
+export {
+  useResetPassword,
+  useSetPassword,
+  useSupabaseUrlTokens
+};

package/dist/components/admin/view/card-content-inner.vue.d.ts

@@ -0,0 +1,13 @@
+/** Props for {@link CardContentInner}. */
+export interface CardContentInnerProps {
+    class?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<CardContentInnerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CardContentInnerProps> & 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/view/card-content-inner.vue.js

@@ -0,0 +1,24 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+import { cn } from "../../../lib/utils.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "card-content-inner",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const classes = computed(
+      () => cn("px-6 py-0 first:pt-4 last:pb-[70px] sm:last:pb-4", props.class)
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(classes.value)
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/view/card-content-inner2.vue.js

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

package/dist/components/admin/view/create.vue.d.ts

@@ -0,0 +1,29 @@
+import type { CreateFormControllerOptions } from "@chelone/core";
+/** Props for {@link Create}. */
+export interface CreateProps extends Pick<CreateFormControllerOptions<Record<string, unknown>>, "validate" | "schema" | "sanitizeEmptyValues" | "onSuccess"> {
+    resource?: string;
+    record?: Record<string, unknown>;
+    title?: string;
+    /**
+     * Redirect to the list on a successful save (the default). Vue coerces an
+     * absent Boolean prop to `false`, so this MUST default via `withDefaults`
+     * (otherwise omitting it silently disables the redirect); pass `false` to
+     * stay on the form after save.
+     */
+    redirectOnSave?: boolean;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<CreateProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CreateProps> & Readonly<{}>, {
+    redirectOnSave: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    actions?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+} & {
+    toolbar?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/admin/view/create.vue.js

@@ -0,0 +1,89 @@
+import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, toDisplayString, createCommentVNode, renderSlot } from "vue";
+import { getRecordFromLocation } from "@chelone/core";
+import { useCreateController } from "../../../controllers/use-create-controller.js";
+import { useForm } from "../../../form/use-form.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { useGetResourceLabel } from "../../../label/use-get-resource-label.js";
+import { useRouterAdapterOptional } from "../../../router/adapter.js";
+import { useRedirectOptional } from "../../../router/nav-composables.js";
+import { useResourceContext, provideResourceContext } from "../../../resource-context.js";
+const _hoisted_1 = { "data-slot": "create" };
+const _hoisted_2 = { class: "flex justify-between items-start flex-wrap gap-2 my-2" };
+const _hoisted_3 = {
+  key: 0,
+  class: "text-2xl font-bold tracking-tight"
+};
+const _hoisted_4 = { class: "my-2" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "create",
+  props: {
+    resource: {},
+    record: {},
+    title: {},
+    redirectOnSave: { type: Boolean, default: true },
+    validate: {},
+    schema: {},
+    sanitizeEmptyValues: { type: Boolean },
+    onSuccess: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const resource = props.resource ?? useResourceContext();
+    if (!resource) {
+      throw new Error(
+        "<Create>: no resource. Pass a `resource` prop or render inside a <Resource>."
+      );
+    }
+    provideResourceContext(resource);
+    const adapter = useRouterAdapterOptional();
+    const recordFromLocation = adapter ? getRecordFromLocation(adapter.useLocation().value) : null;
+    const seed = { ...props.record, ...recordFromLocation };
+    const create = useCreateController({ resource, record: seed });
+    const redirect = useRedirectOptional();
+    const translate = useTranslate();
+    const getResourceLabel = useGetResourceLabel();
+    const defaultTitle = computed(
+      () => translate("ra.page.create", { name: getResourceLabel(resource, 1) })
+    );
+    const form = useForm({
+      resource,
+      record: seed,
+      // The form captures its options once: always hand it this wrapper, so a
+      // `validate` set after setup still runs, as of the live prop.
+      validate: (values) => props.validate?.(values),
+      schema: props.schema,
+      sanitizeEmptyValues: props.sanitizeEmptyValues,
+      getRecord: () => seed,
+      // Rebaselined to the SERVER record in `onSaved` (as React's composed form
+      // does), so `onSuccess` sees the reconciled form.
+      resetOnSuccess: false,
+      onSubmit: async (data) => {
+        const errors = await create.save(data, {
+          onSaved: async (saved) => {
+            form.reset(saved);
+            await props.onSuccess?.(saved);
+          }
+        });
+        if (!errors && props.redirectOnSave) {
+          redirect("list", resource);
+        }
+        return errors;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          __props.title !== "" ? (openBlock(), createElementBlock("h2", _hoisted_3, toDisplayString(__props.title ?? defaultTitle.value), 1)) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "actions")
+        ]),
+        createElementVNode("div", _hoisted_4, [
+          renderSlot(_ctx.$slots, "default"),
+          renderSlot(_ctx.$slots, "toolbar")
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/view/create2.vue.js

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

package/dist/components/admin/view/edit.vue.d.ts

@@ -0,0 +1,29 @@
+import type { EditFormControllerOptions, Identifier } from "@chelone/core";
+/** Props for {@link Edit}. */
+export interface EditProps extends Pick<EditFormControllerOptions<Record<string, unknown>>, "validate" | "schema" | "sanitizeEmptyValues" | "onSuccess"> {
+    resource?: string;
+    id?: Identifier;
+    title?: string;
+    /**
+     * Redirect to the list on a successful save (the default). Vue coerces an
+     * absent Boolean prop to `false`, so this MUST default via `withDefaults`
+     * (otherwise omitting it silently disables the redirect); pass `false` to
+     * stay on the form after save.
+     */
+    redirectOnSave?: boolean;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<EditProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EditProps> & Readonly<{}>, {
+    redirectOnSave: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    actions?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+} & {
+    toolbar?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};