zudoku 0.0.0-feat-openapi-docs-redesign.dab3fc6a → 0.0.0-feat-navigation-at-property.z8cd07fa5

package/lib/Secret-CyhXSA8i.js

@@ -0,0 +1,263 @@
+import { j as e } from "./jsx-runtime-BzflLqGi.js";
+import { memo as z, useState as w } from "react";
+import { a as S } from "./ZudokuContext-LPkD2SQs.js";
+import { h as N } from "./SyntaxHighlight-N2RffYNz.js";
+import { i as k } from "./invariant-B_t_F2s_.js";
+import { CodeBlock as I } from "./ui/CodeBlock.js";
+import { EmbeddedCodeBlock as C } from "./ui/EmbeddedCodeBlock.js";
+import * as n from "@radix-ui/react-select";
+import { ChevronDownIcon as u, CheckIcon as g, ChevronUpIcon as _, EyeOffIcon as B, EyeIcon as T, CopyIcon as R } from "lucide-react";
+import { cn as l } from "./ui/util.js";
+import { c as d } from "./cn-5-Gd1Dss.js";
+import { u as E } from "./useCopyToClipboard-B_085nfO.js";
+import { Button as m } from "./ui/Button.js";
+const H = z(
+  ({ code: t, children: a, embedded: s, ...o }) => {
+    const { syntaxHighlighting: i } = S().options;
+    k(i?.highlighter, "Highlighter not found");
+    const r = N(
+      i.highlighter,
+      t ?? a,
+      o.language,
+      i.themes
+    );
+    return s ? /* @__PURE__ */ e.jsx(C, { ...o, children: r }) : /* @__PURE__ */ e.jsx(I, { ...o, children: r });
+  }
+);
+H.displayName = "SyntaxHighlight";
+function Q({
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(n.Root, { "data-slot": "select", ...t });
+}
+function W({
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(n.Group, { "data-slot": "select-group", ...t });
+}
+function X({
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(n.Value, { "data-slot": "select-value", ...t });
+}
+function Y({
+  className: t,
+  size: a = "default",
+  children: s,
+  ...o
+}) {
+  return /* @__PURE__ */ e.jsxs(
+    n.Trigger,
+    {
+      "data-slot": "select-trigger",
+      "data-size": a,
+      className: l(
+        "border-input data-placeholder:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        t
+      ),
+      ...o,
+      children: [
+        s,
+        /* @__PURE__ */ e.jsx(n.Icon, { asChild: !0, children: /* @__PURE__ */ e.jsx(u, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+}
+function ee({
+  className: t,
+  children: a,
+  position: s = "popper",
+  align: o = "center",
+  ...i
+}) {
+  return /* @__PURE__ */ e.jsx(n.Portal, { children: /* @__PURE__ */ e.jsxs(
+    n.Content,
+    {
+      "data-slot": "select-content",
+      className: l(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-32 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+        s === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        t
+      ),
+      position: s,
+      align: o,
+      ...i,
+      children: [
+        /* @__PURE__ */ e.jsx(D, {}),
+        /* @__PURE__ */ e.jsx(
+          n.Viewport,
+          {
+            className: l(
+              "p-1",
+              s === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width) scroll-my-1"
+            ),
+            children: a
+          }
+        ),
+        /* @__PURE__ */ e.jsx(U, {})
+      ]
+    }
+  ) });
+}
+function te({
+  className: t,
+  children: a,
+  ...s
+}) {
+  return /* @__PURE__ */ e.jsxs(
+    n.Item,
+    {
+      "data-slot": "select-item",
+      className: l(
+        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        t
+      ),
+      ...s,
+      children: [
+        /* @__PURE__ */ e.jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e.jsx(n.ItemIndicator, { children: /* @__PURE__ */ e.jsx(g, { className: "size-4" }) }) }),
+        /* @__PURE__ */ e.jsx(n.ItemText, { children: a })
+      ]
+    }
+  );
+}
+function D({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    n.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: l(
+        "flex cursor-default items-center justify-center py-1",
+        t
+      ),
+      ...a,
+      children: /* @__PURE__ */ e.jsx(_, { className: "size-4" })
+    }
+  );
+}
+function U({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    n.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: l(
+        "flex cursor-default items-center justify-center py-1",
+        t
+      ),
+      ...a,
+      children: /* @__PURE__ */ e.jsx(u, { className: "size-4" })
+    }
+  );
+}
+const V = ({
+  secret: t,
+  revealed: a = !1,
+  previewChars: s = 5,
+  className: o
+}) => /* @__PURE__ */ e.jsxs("span", { className: d("w-full truncate", o), children: [
+  /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: d(
+        "w-40 inline-block md:w-fit",
+        a ? "" : "opacity-50"
+      ),
+      children: a ? t.slice(0, s === 0 ? t.length : -s) : "•••• ".repeat(
+        t.slice(
+          0,
+          s === 0 ? t.length : -s
+        ).length / 5
+      ) + "•".repeat(
+        t.slice(
+          0,
+          s === 0 ? t.length : -s
+        ).length % 5
+      )
+    }
+  ),
+  s > 0 && /* @__PURE__ */ e.jsx("span", { children: t.slice(-s) })
+] }), se = ({
+  secret: t,
+  preview: a = 5,
+  className: s,
+  status: o,
+  onCopy: i,
+  revealed: r,
+  onReveal: p,
+  noReveal: x
+}) => {
+  const f = Math.abs(a), [h, v] = w(!1), [j, b] = E(), c = r ?? h;
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: d(
+        "flex gap-2 items-center text-sm border rounded-md px-1",
+        s
+      ),
+      children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "font-mono w-full h-9 items-center flex px-2 text-xs gap-2", children: [
+          o && /* @__PURE__ */ e.jsx(
+            "div",
+            {
+              className: d(
+                "rounded-full shrink-0 w-2 h-2 mr-2",
+                o === "active" && "bg-emerald-400",
+                o === "expired" && "bg-neutral-200",
+                o === "expiring" && "bg-yellow-400",
+                o === "revoked" && "bg-red-400",
+                o === "none" && "opacity-0"
+              )
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            V,
+            {
+              secret: t,
+              revealed: c,
+              previewChars: f
+            }
+          )
+        ] }),
+        x !== !0 && /* @__PURE__ */ e.jsx(
+          m,
+          {
+            variant: "ghost",
+            onClick: () => {
+              v((y) => !y), p?.(!c);
+            },
+            size: "icon-sm",
+            children: c ? /* @__PURE__ */ e.jsx(B, { size: 16 }) : /* @__PURE__ */ e.jsx(T, { size: 16 })
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          m,
+          {
+            variant: "ghost",
+            onClick: () => {
+              b(t), i?.(t);
+            },
+            size: "icon-sm",
+            children: j ? /* @__PURE__ */ e.jsx(g, { size: 16 }) : /* @__PURE__ */ e.jsx(R, { size: 16 })
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  H as S,
+  Q as a,
+  Y as b,
+  X as c,
+  ee as d,
+  W as e,
+  te as f,
+  se as g,
+  V as h
+};
+//# sourceMappingURL=Secret-CyhXSA8i.js.map

package/lib/Secret-CyhXSA8i.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Secret-CyhXSA8i.js","sources":["../src/lib/ui/SyntaxHighlight.tsx","../src/lib/ui/Select.tsx","../src/lib/ui/Secret.tsx"],"sourcesContent":["import { memo } from \"react\";\nimport { useZudoku } from \"../components/context/ZudokuContext.js\";\nimport { highlight } from \"../shiki.js\";\nimport invariant from \"../util/invariant.js\";\nimport { CodeBlock, type CodeBlockProps } from \"./CodeBlock.js\";\nimport { EmbeddedCodeBlock } from \"./EmbeddedCodeBlock.js\";\n\ntype SyntaxHighlightProps = CodeBlockProps &\n  (\n    | {\n        code: string;\n        embedded?: boolean;\n        children?: never;\n        fullHeight?: boolean;\n      }\n    | { code?: never; children: string; embedded?: boolean }\n  );\n\nexport const SyntaxHighlight = memo(\n  ({ code, children, embedded, ...props }: SyntaxHighlightProps) => {\n    const { syntaxHighlighting } = useZudoku().options;\n\n    invariant(syntaxHighlighting?.highlighter, \"Highlighter not found\");\n\n    const highlightedCode = highlight(\n      syntaxHighlighting.highlighter,\n      code ?? children,\n      props.language,\n      syntaxHighlighting.themes,\n    );\n\n    return embedded ? (\n      <EmbeddedCodeBlock {...props}>{highlightedCode}</EmbeddedCodeBlock>\n    ) : (\n      <CodeBlock {...props}>{highlightedCode}</CodeBlock>\n    );\n  },\n);\n\nSyntaxHighlight.displayName = \"SyntaxHighlight\";\n","import * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"lucide-react\";\nimport type * as React from \"react\";\nimport { cn } from \"./util.js\";\n\nfunction Select({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n  className,\n  size = \"default\",\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: \"sm\" | \"default\";\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"border-input data-placeholder:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"size-4 opacity-50\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = \"popper\",\n  align = \"center\",\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-32 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md\",\n          position === \"popper\" &&\n            \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n          className,\n        )}\n        position={position}\n        align={align}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            \"p-1\",\n            position === \"popper\" &&\n              \"h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width) scroll-my-1\",\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn(\"text-muted-foreground px-2 py-1.5 text-xs\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\"bg-border pointer-events-none -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        \"flex cursor-default items-center justify-center py-1\",\n        className,\n      )}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollUpButton>\n  );\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        \"flex cursor-default items-center justify-center py-1\",\n        className,\n      )}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollDownButton>\n  );\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n};\n","import { CheckIcon, CopyIcon, EyeIcon, EyeOffIcon } from \"lucide-react\";\nimport { useState } from \"react\";\nimport { cn } from \"../util/cn.js\";\nimport { useCopyToClipboard } from \"../util/useCopyToClipboard.js\";\nimport { Button } from \"./Button.js\";\n\ntype Status = \"active\" | \"expired\" | \"expiring\" | \"revoked\" | \"none\";\n\nexport const SecretText = ({\n  secret,\n  revealed = false,\n  previewChars = 5,\n  className,\n}: {\n  secret: string;\n  revealed?: boolean;\n  previewChars?: number;\n  className?: string;\n}) => {\n  return (\n    <span className={cn(\"w-full truncate\", className)}>\n      <div\n        className={cn(\n          \"w-40 inline-block md:w-fit\",\n          revealed ? \"\" : \"opacity-50\",\n        )}\n      >\n        {revealed\n          ? secret.slice(0, previewChars === 0 ? secret.length : -previewChars)\n          : \"•••• \".repeat(\n              secret.slice(\n                0,\n                previewChars === 0 ? secret.length : -previewChars,\n              ).length / 5,\n            ) +\n            \"•\".repeat(\n              secret.slice(\n                0,\n                previewChars === 0 ? secret.length : -previewChars,\n              ).length % 5,\n            )}\n      </div>\n      {previewChars > 0 && <span>{secret.slice(-previewChars)}</span>}\n    </span>\n  );\n};\n\nexport const Secret = ({\n  secret,\n  preview = 5,\n  className,\n  status,\n  onCopy,\n  revealed: controlledRevealed,\n  onReveal,\n  noReveal: disabledReveal,\n}: {\n  revealed?: boolean;\n  noReveal?: boolean;\n  secret: string;\n  status?: Status;\n  className?: string;\n  preview?: number;\n  onCopy?: (secret: string) => void;\n  onReveal?: (revealed: boolean) => void;\n}) => {\n  const previewChars = Math.abs(preview);\n  const [isRevealed, setRevealed] = useState(false);\n  const [isCopied, copyToClipboard] = useCopyToClipboard();\n\n  const revealed = controlledRevealed ?? isRevealed;\n\n  return (\n    <div\n      className={cn(\n        \"flex gap-2 items-center text-sm border rounded-md px-1\",\n        className,\n      )}\n    >\n      <div className=\"font-mono w-full h-9 items-center flex px-2 text-xs gap-2\">\n        {status && (\n          <div\n            className={cn(\n              \"rounded-full shrink-0 w-2 h-2 mr-2\",\n              status === \"active\" && \"bg-emerald-400\",\n              status === \"expired\" && \"bg-neutral-200\",\n              status === \"expiring\" && \"bg-yellow-400\",\n              status === \"revoked\" && \"bg-red-400\",\n              status === \"none\" && \"opacity-0\",\n            )}\n          />\n        )}\n        <SecretText\n          secret={secret}\n          revealed={revealed}\n          previewChars={previewChars}\n        />\n      </div>\n      {disabledReveal !== true && (\n        <Button\n          variant=\"ghost\"\n          onClick={() => {\n            setRevealed((prev) => !prev);\n            onReveal?.(!revealed);\n          }}\n          size=\"icon-sm\"\n        >\n          {revealed ? <EyeOffIcon size={16} /> : <EyeIcon size={16} />}\n        </Button>\n      )}\n      <Button\n        variant=\"ghost\"\n        onClick={() => {\n          copyToClipboard(secret);\n          onCopy?.(secret);\n        }}\n        size=\"icon-sm\"\n      >\n        {isCopied ? <CheckIcon size={16} /> : <CopyIcon size={16} />}\n      </Button>\n    </div>\n  );\n};\n"],"names":["SyntaxHighlight","memo","code","children","embedded","props","syntaxHighlighting","useZudoku","invariant","highlightedCode","highlight","jsx","EmbeddedCodeBlock","CodeBlock","Select","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","className","size","jsxs","cn","ChevronDownIcon","SelectContent","position","align","SelectScrollUpButton","SelectScrollDownButton","SelectItem","CheckIcon","ChevronUpIcon","SecretText","secret","revealed","previewChars","Secret","preview","status","onCopy","controlledRevealed","onReveal","disabledReveal","isRevealed","setRevealed","useState","isCopied","copyToClipboard","useCopyToClipboard","Button","prev","EyeOffIcon","EyeIcon","CopyIcon"],"mappings":"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"}

package/lib/SignUp-DfEe1w5X.js

@@ -0,0 +1,55 @@
+import { j as e } from "./jsx-runtime-BzflLqGi.js";
+import { useEffect as t } from "react";
+import { b as p, L as g } from "./chunk-EPOLDU6W-C6C8jAwd.js";
+import { Button as a } from "./ui/Button.js";
+import "lucide-react";
+import "./Zudoku-GbutmWzP.js";
+import "./ZudokuReactContext-DGJAP1sN.js";
+import { S as h } from "./Spinner-CI6bRyZw.js";
+import "./index-DAWHN3cH.js";
+import { u as i } from "./hook-DyEn6D2Q.js";
+import { C as l, a as d, b as m, c as u, d as x } from "./Card-DCdq37aA.js";
+import { u as n } from "./useLatest-hmRS46UF.js";
+const E = () => {
+  const s = i(), [r] = p(), o = r.get("redirect") ?? void 0, c = n(s.login);
+  return t(() => {
+    c.current({
+      redirectTo: o,
+      replace: !0
+    });
+  }, [c, o]), /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center mt-8", children: /* @__PURE__ */ e.jsxs(l, { className: "max-w-md w-full", children: [
+    /* @__PURE__ */ e.jsxs(d, { children: [
+      /* @__PURE__ */ e.jsx(m, { className: "text-lg", children: "Sign in" }),
+      /* @__PURE__ */ e.jsx(u, { children: "You're being redirected to our secure login provider to complete your sign-in process." })
+    ] }),
+    /* @__PURE__ */ e.jsx(x, { children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center text-sm font-medium gap-2", children: [
+      /* @__PURE__ */ e.jsx(h, {}),
+      " Redirecting..."
+    ] }) })
+  ] }) });
+}, T = () => {
+  const s = i(), r = n(s.logout);
+  return t(() => {
+    r.current();
+  }, [r]), null;
+}, Y = () => {
+  const s = i(), r = n(s.signup);
+  return t(() => {
+    r.current();
+  }, [r]), /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center mt-8", children: /* @__PURE__ */ e.jsxs(l, { className: "max-w-md w-full", children: [
+    /* @__PURE__ */ e.jsxs(d, { children: [
+      /* @__PURE__ */ e.jsx(m, { className: "text-lg", children: "Sign up" }),
+      /* @__PURE__ */ e.jsx(u, { children: "You're being redirected to our secure login provider to complete your sign up process." })
+    ] }),
+    /* @__PURE__ */ e.jsx(x, { children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2 justify-center", children: [
+      /* @__PURE__ */ e.jsx(a, { onClick: () => s.signup(), variant: "default", children: "Register" }),
+      /* @__PURE__ */ e.jsx(a, { variant: "link", className: "text-muted-foreground", asChild: !0, children: /* @__PURE__ */ e.jsx(g, { to: "/", children: "Go home" }) })
+    ] }) })
+  ] }) });
+};
+export {
+  T as S,
+  E as a,
+  Y as b
+};
+//# sourceMappingURL=SignUp-DfEe1w5X.js.map

package/lib/SignUp-DfEe1w5X.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignUp-DfEe1w5X.js","sources":["../src/lib/authentication/components/SignIn.tsx","../src/lib/authentication/components/SignOut.tsx","../src/lib/authentication/components/SignUp.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useSearchParams } from \"react-router\";\nimport { Spinner } from \"zudoku/components\";\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"zudoku/ui/Card.js\";\nimport { useLatest } from \"../../util/useLatest.js\";\nimport { useAuth } from \"../hook.js\";\n\nexport const SignIn = () => {\n  const auth = useAuth();\n  const [search] = useSearchParams();\n  const redirectTo = search.get(\"redirect\") ?? undefined;\n\n  const login = useLatest(auth.login);\n\n  useEffect(() => {\n    void login.current({\n      redirectTo,\n      replace: true,\n    });\n  }, [login, redirectTo]);\n\n  return (\n    <div className=\"flex items-center justify-center mt-8\">\n      <Card className=\"max-w-md w-full\">\n        <CardHeader>\n          <CardTitle className=\"text-lg\">Sign in</CardTitle>\n          <CardDescription>\n            You're being redirected to our secure login provider to complete\n            your sign-in process.\n          </CardDescription>\n        </CardHeader>\n        <CardContent>\n          <div className=\"flex items-center text-sm font-medium gap-2\">\n            <Spinner /> Redirecting...\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n};\n","import { useEffect } from \"react\";\nimport { useLatest } from \"../../util/useLatest.js\";\nimport { useAuth } from \"../hook.js\";\n\nexport const SignOut = () => {\n  const auth = useAuth();\n\n  const logout = useLatest(auth.logout);\n\n  useEffect(() => {\n    void logout.current();\n  }, [logout]);\n\n  return null;\n};\n","import { useEffect } from \"react\";\nimport { Button, Link } from \"zudoku/components\";\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"zudoku/ui/Card.js\";\nimport { useLatest } from \"../../util/useLatest.js\";\nimport { useAuth } from \"../hook.js\";\n\nexport const SignUp = () => {\n  const auth = useAuth();\n\n  const signup = useLatest(auth.signup);\n\n  useEffect(() => {\n    void signup.current();\n  }, [signup]);\n\n  return (\n    <div className=\"flex items-center justify-center mt-8\">\n      <Card className=\"max-w-md w-full\">\n        <CardHeader>\n          <CardTitle className=\"text-lg\">Sign up</CardTitle>\n          <CardDescription>\n            You're being redirected to our secure login provider to complete\n            your sign up process.\n          </CardDescription>\n        </CardHeader>\n        <CardContent>\n          <div className=\"flex flex-col gap-2 justify-center\">\n            <Button onClick={() => auth.signup()} variant=\"default\">\n              Register\n            </Button>\n            <Button variant=\"link\" className=\"text-muted-foreground\" asChild>\n              <Link to=\"/\">Go home</Link>\n            </Button>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n};\n"],"names":["SignIn","auth","useAuth","search","useSearchParams","redirectTo","login","useLatest","useEffect","jsxs","Card","CardHeader","jsx","CardTitle","CardDescription","CardContent","Spinner","SignOut","logout","SignUp","signup","Button","Link"],"mappings":";;;;;;;;;;;;AAaO,MAAMA,IAAS,MAAM;AAC1B,QAAMC,IAAOC,EAAA,GACP,CAACC,CAAM,IAAIC,EAAA,GACXC,IAAaF,EAAO,IAAI,UAAU,KAAK,QAEvCG,IAAQC,EAAUN,EAAK,KAAK;AAElC,SAAAO,EAAU,MAAM;AACd,IAAKF,EAAM,QAAQ;AAAA,MACjB,YAAAD;AAAA,MACA,SAAS;AAAA,IAAA,CACV;AAAA,EACH,GAAG,CAACC,GAAOD,CAAU,CAAC,yBAGnB,OAAA,EAAI,WAAU,yCACb,UAAAI,gBAAAA,EAAAA,KAACC,GAAA,EAAK,WAAU,mBACd,UAAA;AAAA,IAAAD,gBAAAA,OAACE,GAAA,EACC,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAU,WAAU,WAAU,UAAA,WAAO;AAAA,MACtCD,gBAAAA,EAAAA,IAACE,KAAgB,UAAA,yFAAA,CAGjB;AAAA,IAAA,GACF;AAAA,IACAF,gBAAAA,MAACG,GAAA,EACC,UAAAN,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,+CACb,UAAA;AAAA,MAAAG,gBAAAA,EAAAA,IAACI,GAAA,EAAQ;AAAA,MAAE;AAAA,IAAA,EAAA,CACb,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ,GCzCaC,IAAU,MAAM;AAC3B,QAAMhB,IAAOC,EAAA,GAEPgB,IAASX,EAAUN,EAAK,MAAM;AAEpC,SAAAO,EAAU,MAAM;AACd,IAAKU,EAAO,QAAA;AAAA,EACd,GAAG,CAACA,CAAM,CAAC,GAEJ;AACT,GCFaC,IAAS,MAAM;AAC1B,QAAMlB,IAAOC,EAAA,GAEPkB,IAASb,EAAUN,EAAK,MAAM;AAEpC,SAAAO,EAAU,MAAM;AACd,IAAKY,EAAO,QAAA;AAAA,EACd,GAAG,CAACA,CAAM,CAAC,yBAGR,OAAA,EAAI,WAAU,yCACb,UAAAX,gBAAAA,EAAAA,KAACC,GAAA,EAAK,WAAU,mBACd,UAAA;AAAA,IAAAD,gBAAAA,OAACE,GAAA,EACC,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAU,WAAU,WAAU,UAAA,WAAO;AAAA,MACtCD,gBAAAA,EAAAA,IAACE,KAAgB,UAAA,yFAAA,CAGjB;AAAA,IAAA,GACF;AAAA,IACAF,gBAAAA,MAACG,GAAA,EACC,UAAAN,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,sCACb,UAAA;AAAA,MAAAG,gBAAAA,EAAAA,IAACS,GAAA,EAAO,SAAS,MAAMpB,EAAK,UAAU,SAAQ,WAAU,UAAA,WAAA,CAExD;AAAA,MACAW,gBAAAA,EAAAA,IAACS,GAAA,EAAO,SAAQ,QAAO,WAAU,yBAAwB,SAAO,IAC9D,UAAAT,gBAAAA,EAAAA,IAACU,GAAA,EAAK,IAAG,KAAI,qBAAO,EAAA,CACtB;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}