zudoku 0.0.0-f36627bd → 0.0.0-f370c714

package/lib/Secret-BxGpIhDP.js

@@ -0,0 +1,243 @@
+import { j as e } from "./jsx-runtime-BzflLqGi.js";
+import * as o from "@radix-ui/react-select";
+import { ChevronDownIcon as u, CheckIcon as m, ChevronUpIcon as z, EyeOffIcon as w, EyeIcon as S, CopyIcon as N } from "lucide-react";
+import { cn as l } from "./ui/util.js";
+import { useState as I } from "react";
+import { c as r } from "./cn-dYga0KKN.js";
+import { u as k } from "./useCopyToClipboard-B_085nfO.js";
+import { Button as c } from "./ui/Button.js";
+function P({
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(o.Root, { "data-slot": "select", ...t });
+}
+function M({
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(o.Group, { "data-slot": "select-group", ...t });
+}
+function O({
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(o.Value, { "data-slot": "select-value", ...t });
+}
+function $({
+  className: t,
+  size: a = "default",
+  children: s,
+  ...n
+}) {
+  return /* @__PURE__ */ e.jsxs(
+    o.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
+      ),
+      ...n,
+      children: [
+        s,
+        /* @__PURE__ */ e.jsx(o.Icon, { asChild: !0, children: /* @__PURE__ */ e.jsx(u, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+}
+function q({
+  className: t,
+  children: a,
+  position: s = "popper",
+  align: n = "center",
+  ...i
+}) {
+  return /* @__PURE__ */ e.jsx(o.Portal, { children: /* @__PURE__ */ e.jsxs(
+    o.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: n,
+      ...i,
+      children: [
+        /* @__PURE__ */ e.jsx(_, {}),
+        /* @__PURE__ */ e.jsx(
+          o.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(C, {})
+      ]
+    }
+  ) });
+}
+function A({
+  className: t,
+  children: a,
+  ...s
+}) {
+  return /* @__PURE__ */ e.jsxs(
+    o.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(o.ItemIndicator, { children: /* @__PURE__ */ e.jsx(m, { className: "size-4" }) }) }),
+        /* @__PURE__ */ e.jsx(o.ItemText, { children: a })
+      ]
+    }
+  );
+}
+function _({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    o.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: l(
+        "flex cursor-default items-center justify-center py-1",
+        t
+      ),
+      ...a,
+      children: /* @__PURE__ */ e.jsx(z, { className: "size-4" })
+    }
+  );
+}
+function C({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e.jsx(
+    o.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 T = ({
+  secret: t,
+  revealed: a = !1,
+  previewChars: s = 5,
+  className: n
+}) => /* @__PURE__ */ e.jsxs("span", { className: r("w-full truncate", n), children: [
+  /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: r(
+        "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) })
+] }), F = ({
+  secret: t,
+  preview: a = 5,
+  className: s,
+  status: n,
+  onCopy: i,
+  revealed: p,
+  onReveal: x,
+  noReveal: f
+}) => {
+  const g = Math.abs(a), [h, v] = I(!1), [j, b] = k(), d = p ?? h;
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: r(
+        "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: [
+          n && /* @__PURE__ */ e.jsx(
+            "div",
+            {
+              className: r(
+                "rounded-full shrink-0 w-2 h-2 mr-2",
+                n === "active" && "bg-emerald-400",
+                n === "expired" && "bg-neutral-200",
+                n === "expiring" && "bg-yellow-400",
+                n === "revoked" && "bg-red-400",
+                n === "none" && "opacity-0"
+              )
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            T,
+            {
+              secret: t,
+              revealed: d,
+              previewChars: g
+            }
+          )
+        ] }),
+        f !== !0 && /* @__PURE__ */ e.jsx(
+          c,
+          {
+            variant: "ghost",
+            onClick: () => {
+              v((y) => !y), x?.(!d);
+            },
+            size: "icon",
+            children: d ? /* @__PURE__ */ e.jsx(w, { size: 16 }) : /* @__PURE__ */ e.jsx(S, { size: 16 })
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          c,
+          {
+            variant: "ghost",
+            onClick: () => {
+              b(t), i?.(t);
+            },
+            size: "icon",
+            children: j ? /* @__PURE__ */ e.jsx(m, { size: 16 }) : /* @__PURE__ */ e.jsx(N, { size: 16 })
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  P as S,
+  $ as a,
+  O as b,
+  q as c,
+  M as d,
+  A as e,
+  F as f,
+  T as g
+};
+//# sourceMappingURL=Secret-BxGpIhDP.js.map

package/lib/Secret-BxGpIhDP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Secret-BxGpIhDP.js","sources":["../src/lib/ui/Select.tsx","../src/lib/ui/Secret.tsx"],"sourcesContent":["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\"\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\"\n      >\n        {isCopied ? <CheckIcon size={16} /> : <CopyIcon size={16} />}\n      </Button>\n    </div>\n  );\n};\n"],"names":["Select","props","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","className","size","children","jsxs","cn","jsx","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/Separator-CTPSeW1S.js

@@ -0,0 +1,27 @@
+import { j as i } from "./jsx-runtime-BzflLqGi.js";
+import * as n from "@radix-ui/react-separator";
+import { c as e } from "./cn-dYga0KKN.js";
+function p({
+  className: t,
+  orientation: a = "horizontal",
+  decorative: o = !0,
+  ...r
+}) {
+  return /* @__PURE__ */ i.jsx(
+    n.Root,
+    {
+      "data-slot": "separator",
+      decorative: o,
+      orientation: a,
+      className: e(
+        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        t
+      ),
+      ...r
+    }
+  );
+}
+export {
+  p as S
+};
+//# sourceMappingURL=Separator-CTPSeW1S.js.map

package/lib/Separator-CTPSeW1S.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator-CTPSeW1S.js","sources":["../src/lib/ui/Separator.tsx"],"sourcesContent":["import * as SeparatorPrimitive from \"@radix-ui/react-separator\";\nimport type * as React from \"react\";\nimport { cn } from \"../util/cn.js\";\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Separator };\n"],"names":["Separator","className","orientation","decorative","props","jsx","SeparatorPrimitive","cn"],"mappings":";;;AAIA,SAASA,EAAU;AAAA,EACjB,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,GAAGC;AACL,GAAyD;AACvD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,YAAAH;AAAA,MACA,aAAAD;AAAA,MACA,WAAWK;AAAA,QACT;AAAA,QACAN;AAAA,MAAA;AAAA,MAED,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/lib/SignUp-CDl7bQj3.js

@@ -0,0 +1,50 @@
+import { j as e } from "./jsx-runtime-BzflLqGi.js";
+import { useEffect as t } from "react";
+import { b as g } from "./chunk-PVWAREVJ-ClM0m2aJ.js";
+import { S as p, B as a, L as h } from "./index-CboxZOVW.js";
+import { C as l, a as d, b as u, c as m, d as x } from "./Card-KFniaZn5.js";
+import { u as i } from "./useLatest-hmRS46UF.js";
+import { u as n } from "./hook-CHw_R_xu.js";
+const y = () => {
+  const r = n(), [s] = g(), o = s.get("redirect") ?? void 0, c = i(r.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(u, { className: "text-lg", children: "Sign in" }),
+      /* @__PURE__ */ e.jsx(m, { 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(p, {}),
+      " Redirecting..."
+    ] }) })
+  ] }) });
+}, w = () => {
+  const r = n(), s = i(r.logout);
+  return t(() => {
+    s.current();
+  }, [s]), null;
+}, k = () => {
+  const r = n(), s = i(r.signup);
+  return t(() => {
+    s.current();
+  }, [s]), /* @__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(u, { className: "text-lg", children: "Sign up" }),
+      /* @__PURE__ */ e.jsx(m, { 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: () => r.signup(), variant: "default", children: "Register" }),
+      /* @__PURE__ */ e.jsx(a, { variant: "link", className: "text-muted-foreground", asChild: !0, children: /* @__PURE__ */ e.jsx(h, { to: "/", children: "Go home" }) })
+    ] }) })
+  ] }) });
+};
+export {
+  w as S,
+  y as a,
+  k as b
+};
+//# sourceMappingURL=SignUp-CDl7bQj3.js.map

package/lib/SignUp-CDl7bQj3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignUp-CDl7bQj3.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;"}

package/lib/{Spinner-Cf6E803I.js → Spinner-CI6bRyZw.js}

@@ -1,7 +1,7 @@
-import { j as s } from "./jsx-runtime-DywqP_6a.js";
+import { j as s } from "./jsx-runtime-BzflLqGi.js";
 import { LoaderCircle as o } from "lucide-react";
 const i = ({ size: r = 16 }) => /* @__PURE__ */ s.jsx(o, { size: r, className: "animate-spin" });
 export {
   i as S
 };
-//# sourceMappingURL=Spinner-Cf6E803I.js.map
+//# sourceMappingURL=Spinner-CI6bRyZw.js.map

package/lib/{Spinner-Cf6E803I.js.map → Spinner-CI6bRyZw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Spinner-Cf6E803I.js","sources":["../src/lib/components/Spinner.tsx"],"sourcesContent":["import { LoaderCircle } from \"lucide-react\";\n\nexport const Spinner = ({ size = 16 }: { size?: number }) => (\n  <LoaderCircle size={size} className=\"animate-spin\" />\n);\n"],"names":["Spinner","size","jsx","LoaderCircle"],"mappings":";;AAEO,MAAMA,IAAU,CAAC,EAAE,MAAAC,IAAO,GAAA,MAC/BC,gBAAAA,MAACC,GAAA,EAAa,MAAAF,GAAY,WAAU,eAAA,CAAe;"}
+{"version":3,"file":"Spinner-CI6bRyZw.js","sources":["../src/lib/components/Spinner.tsx"],"sourcesContent":["import { LoaderCircle } from \"lucide-react\";\n\nexport const Spinner = ({ size = 16 }: { size?: number }) => (\n  <LoaderCircle size={size} className=\"animate-spin\" />\n);\n"],"names":["Spinner","size","jsx","LoaderCircle"],"mappings":";;AAEO,MAAMA,IAAU,CAAC,EAAE,MAAAC,IAAO,GAAA,MAC/BC,gBAAAA,MAACC,GAAA,EAAa,MAAAF,GAAY,WAAU,eAAA,CAAe;"}