zudoku 0.64.0 → 0.64.2

package/lib/ui/CodeBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.js","sources":["../../src/lib/components/LanguageIcon.tsx","../../src/lib/ui/CodeBlock.tsx"],"sourcesContent":["import {\n  type ComponentType,\n  type LazyExoticComponent,\n  lazy,\n  Suspense,\n  type SVGProps,\n} from \"react\";\n\ntype Language = {\n  pattern: RegExp;\n  icon: LazyExoticComponent<ComponentType<SVGProps<SVGSVGElement>>>;\n  width?: number;\n};\n\nconst Languages: Record<string, Language> = {\n  typescript: {\n    pattern: /^(ts|typescript)$/,\n    icon: lazy(() => import(\"../assets/language-icons/typescript.js\")),\n    width: 15,\n  },\n  javascript: {\n    pattern: /^(js|javascript)$/,\n    icon: lazy(() => import(\"../assets/language-icons/javascript.js\")),\n  },\n  react: {\n    pattern: /^(react|tsx|jsx)$/,\n    icon: lazy(() => import(\"../assets/language-icons/react.js\")),\n    width: 22,\n  },\n  markdown: {\n    pattern: /^(md|markdown)$/,\n    icon: lazy(() => import(\"../assets/language-icons/markdown.js\")),\n    width: 22,\n  },\n  mdx: {\n    pattern: /^mdx$/,\n    icon: lazy(() => import(\"../assets/language-icons/mdx.js\")),\n    width: 28,\n  },\n  java: {\n    pattern: /^(java)$/,\n    icon: lazy(() => import(\"../assets/language-icons/java.js\")),\n    width: 22,\n  },\n  json: {\n    pattern: /^jsonc?$/,\n    icon: lazy(() => import(\"../assets/language-icons/json.js\")),\n  },\n  yaml: {\n    pattern: /^yaml$/,\n    icon: lazy(() => import(\"../assets/language-icons/yaml.js\")),\n  },\n  toml: {\n    pattern: /^toml$/,\n    icon: lazy(() => import(\"../assets/language-icons/toml.js\")),\n  },\n  shell: {\n    pattern: /^(shell|bash|sh|zsh|term|terminal|ansi)$/,\n    icon: lazy(() => import(\"../assets/language-icons/shell.js\")),\n  },\n  python: {\n    pattern: /^(py|python)$/,\n    icon: lazy(() => import(\"../assets/language-icons/python.js\")),\n  },\n  csharp: {\n    pattern: /^(cs|csharp|vb)$/,\n    icon: lazy(() => import(\"../assets/language-icons/csharp.js\")),\n    width: 20,\n  },\n  rust: {\n    pattern: /^(rs|rust)$/,\n    icon: lazy(() => import(\"../assets/language-icons/rust.js\")),\n    width: 20,\n  },\n  ruby: {\n    pattern: /^(rb|ruby)$/,\n    icon: lazy(() => import(\"../assets/language-icons/ruby.js\")),\n  },\n  php: {\n    pattern: /^php$/,\n    icon: lazy(() => import(\"../assets/language-icons/php.js\")),\n    width: 24,\n  },\n  html: {\n    pattern: /^html?$/,\n    icon: lazy(() => import(\"../assets/language-icons/html.js\")),\n    width: 15,\n  },\n  css: {\n    pattern: /^css$/,\n    icon: lazy(() => import(\"../assets/language-icons/css.js\")),\n  },\n  objectivec: {\n    pattern: /^(objc|objectivec)$/,\n    icon: lazy(() => import(\"../assets/language-icons/objectivec.js\")),\n    width: 16,\n  },\n  swift: {\n    pattern: /^swift$/,\n    icon: lazy(() => import(\"../assets/language-icons/swift.js\")),\n  },\n  go: {\n    pattern: /^go$/,\n    icon: lazy(() => import(\"../assets/language-icons/go.js\")),\n    width: 28,\n  },\n  xml: {\n    pattern: /^xml$/,\n    icon: lazy(() => import(\"../assets/language-icons/xml.js\")),\n  },\n  kotlin: {\n    pattern: /^(kt|kotlin)$/,\n    icon: lazy(() => import(\"../assets/language-icons/kotlin.js\")),\n    width: 14,\n  },\n  graphql: {\n    pattern: /^(gql|graphql)$/,\n    icon: lazy(() => import(\"../assets/language-icons/graphql.js\")),\n  },\n  zig: {\n    pattern: /^zig$/,\n    icon: lazy(() => import(\"../assets/language-icons/zig.js\")),\n    width: 28,\n  },\n  scala: {\n    pattern: /^scala$/,\n    icon: lazy(() => import(\"../assets/language-icons/scala.js\")),\n    width: 18,\n  },\n  dart: {\n    pattern: /^dart$/,\n    icon: lazy(() => import(\"../assets/language-icons/dart.js\")),\n    width: 20,\n  },\n  ocaml: {\n    pattern: /^ocaml$/,\n    icon: lazy(() => import(\"../assets/language-icons/ocaml.js\")),\n    width: 20,\n  },\n  c: {\n    pattern: /^c$/,\n    icon: lazy(() => import(\"../assets/language-icons/c.js\")),\n    width: 20,\n  },\n  cpp: {\n    pattern: /^(cpp|c\\+\\+)$/,\n    icon: lazy(() => import(\"../assets/language-icons/cpp.js\")),\n    width: 20,\n  },\n  commonlisp: {\n    pattern: /^(clisp|common-lisp|lisp|cl|commonlisp)$/,\n    icon: lazy(() => import(\"../assets/language-icons/commonlisp.js\")),\n    width: 18,\n  },\n  elixir: {\n    pattern: /^elixir$/,\n    icon: lazy(() => import(\"../assets/language-icons/elixir.js\")),\n    width: 18,\n  },\n  powershell: {\n    pattern: /^(pshell|powershell|ps1)$/,\n    icon: lazy(() => import(\"../assets/language-icons/powershell.js\")),\n    width: 18,\n  },\n};\n\nexport const LanguageIcon = ({ language }: { language?: string }) => {\n  if (!language) return null;\n\n  const Lang = Object.values(Languages).find((l) => l.pattern.test(language));\n\n  if (!Lang) return null;\n\n  const size = Lang.width ?? 18;\n\n  return (\n    <Suspense fallback={<div style={{ width: size, height: \"1em\" }} />}>\n      <Lang.icon className=\"h-auto\" style={{ width: size }} />\n    </Suspense>\n  );\n};\n","import { CheckIcon, CopyIcon } from \"lucide-react\";\nimport { type ReactNode, useRef } from \"react\";\nimport { LanguageIcon } from \"../components/LanguageIcon.js\";\nimport { cn } from \"../util/cn.js\";\nimport { useCopyToClipboard } from \"../util/useCopyToClipboard.js\";\n\nexport type CodeBlockProps = {\n  className?: string;\n  noBackground?: boolean;\n  wrapLines?: boolean;\n  showLanguageIndicator?: boolean;\n  language?: string;\n  title?: string;\n  children?: ReactNode;\n  code?: ReactNode;\n  showCopy?: \"hover\" | \"always\" | \"never\";\n  disabled?: boolean;\n  showLineNumbers?: boolean;\n};\n\nexport const CodeBlock = ({\n  children,\n  title = \"Code\",\n  language,\n  showCopy = \"hover\",\n  showLanguageIndicator,\n  showLineNumbers,\n  ...props\n}: CodeBlockProps) => {\n  const [isCopied, copyToClipboard] = useCopyToClipboard();\n  const ref = useRef<HTMLDivElement>(null);\n\n  if (!children) return null;\n\n  return (\n    <div\n      className={cn(\n        \"border code-block-wrapper relative group rounded-md overflow-hidden\",\n        showLineNumbers && \"line-numbers\",\n        props.className,\n      )}\n    >\n      <div className=\"border-b flex items-center h-10 font-sans bg-black/2\">\n        <div className=\"flex items-center gap-1.5 flex-1 text-sm w-full px-3\">\n          <LanguageIcon language={language} />\n          {title}\n        </div>{\" \"}\n        {showCopy !== \"never\" && (\n          <button\n            type=\"button\"\n            aria-label=\"Copy code\"\n            title=\"Copy code\"\n            className={cn(\n              \"transition px-2 py-2 mx-1 rounded-sm\",\n              !isCopied && \"hover:bg-accent hover:brightness-95\",\n            )}\n            disabled={isCopied}\n            onClick={() => {\n              if (!ref.current?.textContent) return;\n\n              copyToClipboard(ref.current.textContent);\n            }}\n          >\n            {isCopied ? (\n              <CheckIcon className=\"text-emerald-600\" size={14} />\n            ) : (\n              <CopyIcon size={14} />\n            )}\n          </button>\n        )}\n      </div>\n      <div\n        className=\"code-block text-sm not-prose scrollbar [&_code]:px-3 [&_code]:py-2\"\n        ref={ref}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"names":["Languages","lazy","LanguageIcon","language","Lang","l","size","jsx","Suspense","CodeBlock","children","title","showCopy","showLanguageIndicator","showLineNumbers","props","isCopied","copyToClipboard","useCopyToClipboard","ref","useRef","jsxs","cn","CheckIcon","CopyIcon"],"mappings":"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"}
+{"version":3,"file":"CodeBlock.js","sources":["../../src/lib/components/LanguageIcon.tsx","../../src/lib/ui/CodeBlock.tsx"],"sourcesContent":["import {\n  type ComponentType,\n  type LazyExoticComponent,\n  lazy,\n  Suspense,\n  type SVGProps,\n} from \"react\";\n\ntype Language = {\n  pattern: RegExp;\n  icon: LazyExoticComponent<ComponentType<SVGProps<SVGSVGElement>>>;\n  width?: number;\n};\n\nconst Languages: Record<string, Language> = {\n  typescript: {\n    pattern: /^(ts|typescript)$/,\n    icon: lazy(() => import(\"../assets/language-icons/typescript.js\")),\n    width: 15,\n  },\n  javascript: {\n    pattern: /^(js|javascript)$/,\n    icon: lazy(() => import(\"../assets/language-icons/javascript.js\")),\n  },\n  react: {\n    pattern: /^(react|tsx|jsx)$/,\n    icon: lazy(() => import(\"../assets/language-icons/react.js\")),\n    width: 22,\n  },\n  markdown: {\n    pattern: /^(md|markdown)$/,\n    icon: lazy(() => import(\"../assets/language-icons/markdown.js\")),\n    width: 22,\n  },\n  mdx: {\n    pattern: /^mdx$/,\n    icon: lazy(() => import(\"../assets/language-icons/mdx.js\")),\n    width: 28,\n  },\n  java: {\n    pattern: /^(java)$/,\n    icon: lazy(() => import(\"../assets/language-icons/java.js\")),\n    width: 22,\n  },\n  json: {\n    pattern: /^jsonc?$/,\n    icon: lazy(() => import(\"../assets/language-icons/json.js\")),\n  },\n  yaml: {\n    pattern: /^yaml$/,\n    icon: lazy(() => import(\"../assets/language-icons/yaml.js\")),\n  },\n  toml: {\n    pattern: /^toml$/,\n    icon: lazy(() => import(\"../assets/language-icons/toml.js\")),\n  },\n  shell: {\n    pattern: /^(shell|bash|sh|zsh|term|terminal|ansi)$/,\n    icon: lazy(() => import(\"../assets/language-icons/shell.js\")),\n  },\n  python: {\n    pattern: /^(py|python)$/,\n    icon: lazy(() => import(\"../assets/language-icons/python.js\")),\n  },\n  csharp: {\n    pattern: /^(cs|csharp|vb)$/,\n    icon: lazy(() => import(\"../assets/language-icons/csharp.js\")),\n    width: 20,\n  },\n  rust: {\n    pattern: /^(rs|rust)$/,\n    icon: lazy(() => import(\"../assets/language-icons/rust.js\")),\n    width: 20,\n  },\n  ruby: {\n    pattern: /^(rb|ruby)$/,\n    icon: lazy(() => import(\"../assets/language-icons/ruby.js\")),\n  },\n  php: {\n    pattern: /^php$/,\n    icon: lazy(() => import(\"../assets/language-icons/php.js\")),\n    width: 24,\n  },\n  html: {\n    pattern: /^html?$/,\n    icon: lazy(() => import(\"../assets/language-icons/html.js\")),\n    width: 15,\n  },\n  css: {\n    pattern: /^css$/,\n    icon: lazy(() => import(\"../assets/language-icons/css.js\")),\n  },\n  objectivec: {\n    pattern: /^(objc|objectivec)$/,\n    icon: lazy(() => import(\"../assets/language-icons/objectivec.js\")),\n    width: 16,\n  },\n  swift: {\n    pattern: /^swift$/,\n    icon: lazy(() => import(\"../assets/language-icons/swift.js\")),\n  },\n  go: {\n    pattern: /^go$/,\n    icon: lazy(() => import(\"../assets/language-icons/go.js\")),\n    width: 28,\n  },\n  xml: {\n    pattern: /^xml$/,\n    icon: lazy(() => import(\"../assets/language-icons/xml.js\")),\n  },\n  kotlin: {\n    pattern: /^(kt|kotlin)$/,\n    icon: lazy(() => import(\"../assets/language-icons/kotlin.js\")),\n    width: 14,\n  },\n  graphql: {\n    pattern: /^(gql|graphql)$/,\n    icon: lazy(() => import(\"../assets/language-icons/graphql.js\")),\n  },\n  zig: {\n    pattern: /^zig$/,\n    icon: lazy(() => import(\"../assets/language-icons/zig.js\")),\n    width: 28,\n  },\n  scala: {\n    pattern: /^scala$/,\n    icon: lazy(() => import(\"../assets/language-icons/scala.js\")),\n    width: 18,\n  },\n  dart: {\n    pattern: /^dart$/,\n    icon: lazy(() => import(\"../assets/language-icons/dart.js\")),\n    width: 20,\n  },\n  ocaml: {\n    pattern: /^ocaml$/,\n    icon: lazy(() => import(\"../assets/language-icons/ocaml.js\")),\n    width: 20,\n  },\n  c: {\n    pattern: /^c$/,\n    icon: lazy(() => import(\"../assets/language-icons/c.js\")),\n    width: 20,\n  },\n  cpp: {\n    pattern: /^(cpp|c\\+\\+)$/,\n    icon: lazy(() => import(\"../assets/language-icons/cpp.js\")),\n    width: 20,\n  },\n  commonlisp: {\n    pattern: /^(clisp|common-lisp|lisp|cl|commonlisp)$/,\n    icon: lazy(() => import(\"../assets/language-icons/commonlisp.js\")),\n    width: 18,\n  },\n  elixir: {\n    pattern: /^elixir$/,\n    icon: lazy(() => import(\"../assets/language-icons/elixir.js\")),\n    width: 18,\n  },\n  powershell: {\n    pattern: /^(pshell|powershell|ps1)$/,\n    icon: lazy(() => import(\"../assets/language-icons/powershell.js\")),\n    width: 18,\n  },\n};\n\nexport const LanguageIcon = ({ language }: { language?: string }) => {\n  if (!language) return null;\n\n  const Lang = Object.values(Languages).find((l) => l.pattern.test(language));\n\n  if (!Lang) return null;\n\n  const size = Lang.width ?? 18;\n\n  return (\n    <Suspense fallback={<div style={{ width: size, height: \"1em\" }} />}>\n      <Lang.icon className=\"h-auto\" style={{ width: size }} />\n    </Suspense>\n  );\n};\n","import { CheckIcon, CopyIcon } from \"lucide-react\";\nimport { type ReactNode, useRef } from \"react\";\nimport { LanguageIcon } from \"../components/LanguageIcon.js\";\nimport { cn } from \"../util/cn.js\";\nimport { useCopyToClipboard } from \"../util/useCopyToClipboard.js\";\n\nexport type CodeBlockProps = {\n  className?: string;\n  wrapLines?: boolean;\n  showLanguageIndicator?: boolean;\n  language?: string;\n  title?: string;\n  children?: ReactNode;\n  code?: ReactNode;\n  showCopy?: \"hover\" | \"always\" | \"never\";\n  disabled?: boolean;\n  showLineNumbers?: boolean;\n};\n\nexport const CodeBlock = ({\n  children,\n  title = \"Code\",\n  language,\n  showCopy = \"hover\",\n  showLanguageIndicator,\n  showLineNumbers,\n  ...props\n}: CodeBlockProps) => {\n  const [isCopied, copyToClipboard] = useCopyToClipboard();\n  const ref = useRef<HTMLDivElement>(null);\n\n  if (!children) return null;\n\n  return (\n    <div\n      className={cn(\n        \"border code-block-wrapper relative group rounded-md overflow-hidden\",\n        showLineNumbers && \"line-numbers\",\n        props.className,\n      )}\n    >\n      <div className=\"border-b flex items-center h-10 font-sans bg-black/2\">\n        <div className=\"flex items-center gap-1.5 flex-1 text-sm w-full px-3\">\n          <LanguageIcon language={language} />\n          {title}\n        </div>{\" \"}\n        {showCopy !== \"never\" && (\n          <button\n            type=\"button\"\n            aria-label=\"Copy code\"\n            title=\"Copy code\"\n            className={cn(\n              \"transition px-2 py-2 mx-1 rounded-sm\",\n              !isCopied && \"hover:bg-accent hover:brightness-95\",\n            )}\n            disabled={isCopied}\n            onClick={() => {\n              if (!ref.current?.textContent) return;\n\n              copyToClipboard(ref.current.textContent);\n            }}\n          >\n            {isCopied ? (\n              <CheckIcon className=\"text-emerald-600\" size={14} />\n            ) : (\n              <CopyIcon size={14} />\n            )}\n          </button>\n        )}\n      </div>\n      <div\n        className=\"code-block text-sm not-prose scrollbar [&_code]:px-3 [&_code]:py-2\"\n        ref={ref}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"names":["Languages","lazy","LanguageIcon","language","Lang","l","size","jsx","Suspense","CodeBlock","children","title","showCopy","showLanguageIndicator","showLineNumbers","props","isCopied","copyToClipboard","useCopyToClipboard","ref","useRef","jsxs","cn","CheckIcon","CopyIcon"],"mappings":"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"}

package/lib/ui/EmbeddedCodeBlock.js

@@ -1,5 +1,5 @@
 import { j as e } from "../jsx-runtime-BzflLqGi.js";
-import { CheckIcon as m, CopyIcon as x } from "lucide-react";
+import { CheckIcon as p, CopyIcon as x } from "lucide-react";
 import { useState as f, useRef as b } from "react";
 import { c as t } from "../cn-dYga0KKN.js";
 const g = ({
@@ -8,9 +8,9 @@ const g = ({
   language: d,
   showCopy: o = "hover",
   showCopyText: a,
-  showLanguageIndicator: u = !0,
-  showLineNumbers: c,
-  ...p
+  showLanguageIndicator: c = !0,
+  showLineNumbers: u,
+  ...m
 }) => {
   const [i, l] = f(!1), r = b(null);
   return s ? /* @__PURE__ */ e.jsxs(
@@ -18,7 +18,7 @@ const g = ({
     {
       className: t(
         "code-block-wrapper relative group bg-muted/50",
-        c && "line-numbers",
+        u && "line-numbers",
         n && "h-full"
       ),
       children: [
@@ -26,15 +26,15 @@ const g = ({
           "div",
           {
             className: t(
-              "code-block text-sm not-prose scrollbar [&>pre]:overflow-x-auto [&>pre]:p-2",
+              "code-block text-sm not-prose scrollbar [&>pre]:overflow-x-auto [&_code]:p-2",
               n && "h-full [&>pre]:h-full",
-              p.className
+              m.className
             ),
             ref: r,
             children: s
           }
         ),
-        u && /* @__PURE__ */ e.jsx(
+        c && /* @__PURE__ */ e.jsx(
           "span",
           {
             className: t(
@@ -61,7 +61,7 @@ const g = ({
             },
             children: [
               i ? /* @__PURE__ */ e.jsx(
-                m,
+                p,
                 {
                   className: "text-emerald-600",
                   size: 16,

package/lib/ui/EmbeddedCodeBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmbeddedCodeBlock.js","sources":["../../src/lib/ui/EmbeddedCodeBlock.tsx"],"sourcesContent":["import { CheckIcon, CopyIcon } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\nimport { useRef, useState } from \"react\";\nimport { cn } from \"../util/cn.js\";\n\nexport type CodeBlockProps = {\n  className?: string;\n  noBackground?: boolean;\n  wrapLines?: boolean;\n  showLanguageIndicator?: boolean;\n  language?: string;\n  children?: ReactNode;\n  code?: ReactNode;\n  showCopy?: \"hover\" | \"always\" | \"never\";\n  showCopyText?: boolean;\n  disabled?: boolean;\n  showLineNumbers?: boolean;\n};\n\nexport const EmbeddedCodeBlock = ({\n  children,\n  fullHeight,\n  language,\n  showCopy = \"hover\",\n  showCopyText,\n  showLanguageIndicator = true,\n  showLineNumbers,\n  ...props\n}: CodeBlockProps & { fullHeight?: boolean }) => {\n  const [isCopied, setIsCopied] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  if (!children) return null;\n\n  return (\n    <div\n      className={cn(\n        \"code-block-wrapper relative group bg-muted/50\",\n        showLineNumbers && \"line-numbers\",\n        fullHeight && \"h-full\",\n      )}\n    >\n      <div\n        className={cn(\n          \"code-block text-sm not-prose scrollbar [&>pre]:overflow-x-auto [&>pre]:p-2\",\n          fullHeight && \"h-full [&>pre]:h-full\",\n          props.className,\n        )}\n        ref={ref}\n      >\n        {children}\n      </div>\n      {showLanguageIndicator && (\n        <span\n          className={cn(\n            \"absolute top-1.5 end-3 text-[11px]! font-mono text-muted-foreground transition group-hover:opacity-0\",\n            showCopy === \"always\" && \"hidden\",\n          )}\n        >\n          {language}\n        </span>\n      )}\n      {showCopy !== \"never\" && (\n        <button\n          type=\"button\"\n          aria-label=\"Copy code\"\n          title=\"Copy code\"\n          className={cn(\n            \"absolute top-2 end-2 p-2 transition hover:shadow-xs active:shadow-none active:inset-shadow-xs hover:outline outline-border rounded-md text-sm text-muted-foreground\",\n            showCopy === \"hover\" && \"opacity-0 group-hover:opacity-100\",\n            showCopyText && \"flex gap-2 items-center font-medium\",\n          )}\n          disabled={isCopied}\n          onClick={() => {\n            if (!ref.current?.textContent) return;\n\n            setIsCopied(true);\n            void navigator.clipboard.writeText(ref.current.textContent);\n            setTimeout(() => setIsCopied(false), 2000);\n          }}\n        >\n          {isCopied ? (\n            <CheckIcon\n              className=\"text-emerald-600\"\n              size={16}\n              strokeWidth={2.5}\n              absoluteStrokeWidth\n            />\n          ) : (\n            <CopyIcon size={16} />\n          )}\n          {showCopyText && \"Copy\"}\n        </button>\n      )}\n    </div>\n  );\n};\n"],"names":["EmbeddedCodeBlock","children","fullHeight","language","showCopy","showCopyText","showLanguageIndicator","showLineNumbers","props","isCopied","setIsCopied","useState","ref","useRef","jsxs","cn","jsx","CheckIcon","CopyIcon"],"mappings":";;;;AAmBO,MAAMA,IAAoB,CAAC;AAAA,EAChC,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,cAAAC;AAAA,EACA,uBAAAC,IAAwB;AAAA,EACxB,iBAAAC;AAAA,EACA,GAAGC;AACL,MAAiD;AAC/C,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAAMC,EAAuB,IAAI;AAEvC,SAAKZ,IAGHa,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAR,KAAmB;AAAA,QACnBL,KAAc;AAAA,MAAA;AAAA,MAGhB,UAAA;AAAA,QAAAc,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACAb,KAAc;AAAA,cACdM,EAAM;AAAA,YAAA;AAAA,YAER,KAAAI;AAAA,YAEC,UAAAX;AAAA,UAAA;AAAA,QAAA;AAAA,QAEFK,KACCU,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACAX,MAAa,YAAY;AAAA,YAAA;AAAA,YAG1B,UAAAD;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJC,MAAa,WACZU,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAW;AAAA,YACX,OAAM;AAAA,YACN,WAAWC;AAAA,cACT;AAAA,cACAX,MAAa,WAAW;AAAA,cACxBC,KAAgB;AAAA,YAAA;AAAA,YAElB,UAAUI;AAAA,YACV,SAAS,MAAM;AACb,cAAKG,EAAI,SAAS,gBAElBF,EAAY,EAAI,GACX,UAAU,UAAU,UAAUE,EAAI,QAAQ,WAAW,GAC1D,WAAW,MAAMF,EAAY,EAAK,GAAG,GAAI;AAAA,YAC3C;AAAA,YAEC,UAAA;AAAA,cAAAD,IACCO,gBAAAA,EAAAA;AAAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,MAAM;AAAA,kBACN,aAAa;AAAA,kBACb,qBAAmB;AAAA,gBAAA;AAAA,cAAA,IAGrBD,gBAAAA,EAAAA,IAACE,GAAA,EAAS,MAAM,GAAA,CAAI;AAAA,cAErBb,KAAgB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACnB;AAAA,IAAA;AAAA,EAAA,IA5DgB;AAgExB;"}
+{"version":3,"file":"EmbeddedCodeBlock.js","sources":["../../src/lib/ui/EmbeddedCodeBlock.tsx"],"sourcesContent":["import { CheckIcon, CopyIcon } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\nimport { useRef, useState } from \"react\";\nimport { cn } from \"../util/cn.js\";\n\nexport type CodeBlockProps = {\n  className?: string;\n  wrapLines?: boolean;\n  showLanguageIndicator?: boolean;\n  language?: string;\n  children?: ReactNode;\n  code?: ReactNode;\n  showCopy?: \"hover\" | \"always\" | \"never\";\n  showCopyText?: boolean;\n  disabled?: boolean;\n  showLineNumbers?: boolean;\n};\n\nexport const EmbeddedCodeBlock = ({\n  children,\n  fullHeight,\n  language,\n  showCopy = \"hover\",\n  showCopyText,\n  showLanguageIndicator = true,\n  showLineNumbers,\n  ...props\n}: CodeBlockProps & { fullHeight?: boolean }) => {\n  const [isCopied, setIsCopied] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  if (!children) return null;\n\n  return (\n    <div\n      className={cn(\n        \"code-block-wrapper relative group bg-muted/50\",\n        showLineNumbers && \"line-numbers\",\n        fullHeight && \"h-full\",\n      )}\n    >\n      <div\n        className={cn(\n          \"code-block text-sm not-prose scrollbar [&>pre]:overflow-x-auto [&_code]:p-2\",\n          fullHeight && \"h-full [&>pre]:h-full\",\n          props.className,\n        )}\n        ref={ref}\n      >\n        {children}\n      </div>\n      {showLanguageIndicator && (\n        <span\n          className={cn(\n            \"absolute top-1.5 end-3 text-[11px]! font-mono text-muted-foreground transition group-hover:opacity-0\",\n            showCopy === \"always\" && \"hidden\",\n          )}\n        >\n          {language}\n        </span>\n      )}\n      {showCopy !== \"never\" && (\n        <button\n          type=\"button\"\n          aria-label=\"Copy code\"\n          title=\"Copy code\"\n          className={cn(\n            \"absolute top-2 end-2 p-2 transition hover:shadow-xs active:shadow-none active:inset-shadow-xs hover:outline outline-border rounded-md text-sm text-muted-foreground\",\n            showCopy === \"hover\" && \"opacity-0 group-hover:opacity-100\",\n            showCopyText && \"flex gap-2 items-center font-medium\",\n          )}\n          disabled={isCopied}\n          onClick={() => {\n            if (!ref.current?.textContent) return;\n\n            setIsCopied(true);\n            void navigator.clipboard.writeText(ref.current.textContent);\n            setTimeout(() => setIsCopied(false), 2000);\n          }}\n        >\n          {isCopied ? (\n            <CheckIcon\n              className=\"text-emerald-600\"\n              size={16}\n              strokeWidth={2.5}\n              absoluteStrokeWidth\n            />\n          ) : (\n            <CopyIcon size={16} />\n          )}\n          {showCopyText && \"Copy\"}\n        </button>\n      )}\n    </div>\n  );\n};\n"],"names":["EmbeddedCodeBlock","children","fullHeight","language","showCopy","showCopyText","showLanguageIndicator","showLineNumbers","props","isCopied","setIsCopied","useState","ref","useRef","jsxs","cn","jsx","CheckIcon","CopyIcon"],"mappings":";;;;AAkBO,MAAMA,IAAoB,CAAC;AAAA,EAChC,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,cAAAC;AAAA,EACA,uBAAAC,IAAwB;AAAA,EACxB,iBAAAC;AAAA,EACA,GAAGC;AACL,MAAiD;AAC/C,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAAMC,EAAuB,IAAI;AAEvC,SAAKZ,IAGHa,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAR,KAAmB;AAAA,QACnBL,KAAc;AAAA,MAAA;AAAA,MAGhB,UAAA;AAAA,QAAAc,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACAb,KAAc;AAAA,cACdM,EAAM;AAAA,YAAA;AAAA,YAER,KAAAI;AAAA,YAEC,UAAAX;AAAA,UAAA;AAAA,QAAA;AAAA,QAEFK,KACCU,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACAX,MAAa,YAAY;AAAA,YAAA;AAAA,YAG1B,UAAAD;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJC,MAAa,WACZU,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAW;AAAA,YACX,OAAM;AAAA,YACN,WAAWC;AAAA,cACT;AAAA,cACAX,MAAa,WAAW;AAAA,cACxBC,KAAgB;AAAA,YAAA;AAAA,YAElB,UAAUI;AAAA,YACV,SAAS,MAAM;AACb,cAAKG,EAAI,SAAS,gBAElBF,EAAY,EAAI,GACX,UAAU,UAAU,UAAUE,EAAI,QAAQ,WAAW,GAC1D,WAAW,MAAMF,EAAY,EAAK,GAAG,GAAI;AAAA,YAC3C;AAAA,YAEC,UAAA;AAAA,cAAAD,IACCO,gBAAAA,EAAAA;AAAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,MAAM;AAAA,kBACN,aAAa;AAAA,kBACb,qBAAmB;AAAA,gBAAA;AAAA,cAAA,IAGrBD,gBAAAA,EAAAA,IAACE,GAAA,EAAS,MAAM,GAAA,CAAI;AAAA,cAErBb,KAAgB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACnB;AAAA,IAAA;AAAA,EAAA,IA5DgB;AAgExB;"}

package/lib/ui/Separator.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 Separator
+};
+//# sourceMappingURL=Separator.js.map

package/lib/ui/Separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.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/ui/SyntaxHighlight.js

@@ -1,7 +1,7 @@
 import "../jsx-runtime-BzflLqGi.js";
 import "react";
 import "../ZudokuContext-BUZ5hkWB.js";
-import { S as h } from "../SyntaxHighlight-zvlnSnHB.js";
+import { S as h } from "../SyntaxHighlight-C19vH0V_.js";
 import "../invariant-Bm-FVUQE.js";
 import "./CodeBlock.js";
 import "./EmbeddedCodeBlock.js";

package/lib/ui/Tooltip.js

@@ -1,31 +1,58 @@
-import { j as e } from "../jsx-runtime-BzflLqGi.js";
-import * as o from "@radix-ui/react-tooltip";
-import * as d from "react";
-import { c as i } from "../cn-dYga0KKN.js";
-const p = o.Provider, f = o.Root, c = o.Trigger, g = (t) => /* @__PURE__ */ e.jsx(
-  o.Arrow,
-  {
-    ...t,
-    className: i(t.className, "fill-border")
-  }
-), m = d.forwardRef(({ className: t, sideOffset: a = 4, ...r }, s) => /* @__PURE__ */ e.jsx(
-  o.Content,
-  {
-    ref: s,
-    sideOffset: a,
-    className: i(
-      "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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",
-      t
-    ),
-    ...r
-  }
-));
-m.displayName = o.Content.displayName;
+import { j as o } from "../jsx-runtime-BzflLqGi.js";
+import * as r from "@radix-ui/react-tooltip";
+import { TooltipArrow as u } from "@radix-ui/react-tooltip";
+import { cn as n } from "./util.js";
+function d({
+  delayDuration: t = 0,
+  ...i
+}) {
+  return /* @__PURE__ */ o.jsx(
+    r.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration: t,
+      ...i
+    }
+  );
+}
+function p({
+  ...t
+}) {
+  return /* @__PURE__ */ o.jsx(d, { children: /* @__PURE__ */ o.jsx(r.Root, { "data-slot": "tooltip", ...t }) });
+}
+function m({
+  ...t
+}) {
+  return /* @__PURE__ */ o.jsx(r.Trigger, { "data-slot": "tooltip-trigger", ...t });
+}
+function f({
+  className: t,
+  sideOffset: i = 0,
+  children: e,
+  ...a
+}) {
+  return /* @__PURE__ */ o.jsx(r.Portal, { children: /* @__PURE__ */ o.jsxs(
+    r.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset: i,
+      className: n(
+        "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+        t
+      ),
+      ...a,
+      children: [
+        e,
+        /* @__PURE__ */ o.jsx(r.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px]" })
+      ]
+    }
+  ) });
+}
 export {
-  f as Tooltip,
-  g as TooltipArrow,
-  m as TooltipContent,
-  p as TooltipProvider,
-  c as TooltipTrigger
+  p as Tooltip,
+  u as TooltipArrow,
+  f as TooltipContent,
+  d as TooltipProvider,
+  m as TooltipTrigger
 };
 //# sourceMappingURL=Tooltip.js.map

package/lib/ui/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../src/lib/ui/Tooltip.tsx"],"sourcesContent":["import * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport * as React from \"react\";\n\nimport { cn } from \"../util/cn.js\";\n\nconst TooltipProvider = TooltipPrimitive.Provider;\n\nconst Tooltip = TooltipPrimitive.Root;\n\nconst TooltipTrigger = TooltipPrimitive.Trigger;\n\nconst TooltipArrow = (\n  props: React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Arrow>,\n) => (\n  <TooltipPrimitive.Arrow\n    {...props}\n    className={cn(props.className, \"fill-border\")}\n  />\n);\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <TooltipPrimitive.Content\n    ref={ref}\n    sideOffset={sideOffset}\n    className={cn(\n      \"z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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\",\n      className,\n    )}\n    {...props}\n  />\n));\nTooltipContent.displayName = TooltipPrimitive.Content.displayName;\n\nexport {\n  Tooltip,\n  TooltipArrow,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n};\n"],"names":["TooltipProvider","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipArrow","props","jsx","cn","TooltipContent","React","className","sideOffset","ref"],"mappings":";;;;AAKA,MAAMA,IAAkBC,EAAiB,UAEnCC,IAAUD,EAAiB,MAE3BE,IAAiBF,EAAiB,SAElCG,IAAe,CACnBC,MAEAC,gBAAAA,EAAAA;AAAAA,EAACL,EAAiB;AAAA,EAAjB;AAAA,IACE,GAAGI;AAAA,IACJ,WAAWE,EAAGF,EAAM,WAAW,aAAa;AAAA,EAAA;AAC9C,GAGIG,IAAiBC,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,YAAAC,IAAa,GAAG,GAAGN,KAASO,MAC1CN,gBAAAA,EAAAA;AAAAA,EAACL,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAW;AAAA,IACA,YAAAD;AAAA,IACA,WAAWJ;AAAA,MACT;AAAA,MACAG;AAAA,IAAA;AAAA,IAED,GAAGL;AAAA,EAAA;AACN,CACD;AACDG,EAAe,cAAcP,EAAiB,QAAQ;"}
+{"version":3,"file":"Tooltip.js","sources":["../../src/lib/ui/Tooltip.tsx"],"sourcesContent":["import * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { TooltipArrow } from \"@radix-ui/react-tooltip\";\nimport type * as React from \"react\";\nimport { cn } from \"./util.js\";\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  );\n}\n\nfunction Tooltip({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\nfunction TooltipTrigger({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px]\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport {\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipProvider,\n  TooltipArrow,\n};\n"],"names":["TooltipProvider","delayDuration","props","jsx","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","className","sideOffset","children","jsxs","cn"],"mappings":";;;;AAKA,SAASA,EAAgB;AAAA,EACvB,eAAAC,IAAgB;AAAA,EAChB,GAAGC;AACL,GAA2D;AACzD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,eAAAH;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAQ;AAAA,EACf,GAAGH;AACL,GAAuD;AACrD,SACEC,gBAAAA,EAAAA,IAACH,GAAA,EACC,UAAAG,gBAAAA,EAAAA,IAACC,EAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAGF,EAAA,CAAO,EAAA,CACxD;AAEJ;AAEA,SAASI,EAAe;AAAA,EACtB,GAAGJ;AACL,GAA0D;AACxD,+BAAQE,EAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAGF,GAAO;AAC1E;AAEA,SAASK,EAAe;AAAA,EACtB,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,GAAGR;AACL,GAA0D;AACxD,SACEC,gBAAAA,EAAAA,IAACC,EAAiB,QAAjB,EACC,UAAAO,gBAAAA,EAAAA;AAAAA,IAACP,EAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,YAAAK;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGN;AAAA,MAEH,UAAA;AAAA,QAAAQ;AAAA,QACDP,gBAAAA,EAAAA,IAACC,EAAiB,OAAjB,EAAuB,WAAU,mGAAA,CAAmG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEzI;AAEJ;"}

package/lib/zudoku.__internal.js

@@ -6,17 +6,17 @@ import * as D from "react";
 import { StrictMode as Ye, useEffect as oe, useRef as Xe, useState as Rt, Suspense as Ft } from "react";
 import { t as Ut, S as qt, d as et, b2 as Mt, O as Qt } from "./chunk-PVWAREVJ-BMhpCH5D.js";
 import * as Lt from "react-dom";
-import { a as Bt, u as Wt, P as Kt, H as Ht } from "./index-B1rmok4X.js";
-import { B as tt, R as Vt } from "./RouteGuard-DhU3LRr1.js";
+import { a as Bt, u as Wt, P as Kt, H as Ht } from "./index-FNRZUtwo.js";
+import { B as tt, R as Vt } from "./RouteGuard-CjzxosTf.js";
 import { CircleFadingArrowUpIcon as Jt, LoaderCircleIcon as Gt, ExternalLink as Yt, PanelLeftIcon as Xt } from "lucide-react";
 import { Button as en } from "./ui/Button.js";
 import { c as E } from "./cn-dYga0KKN.js";
-import { a as C, A as tn, s as nn, N as Ze, f as rn, T as on, H as sn, E as an } from "./ErrorAlert-DE3Sf66a.js";
+import { a as C, A as tn, s as nn, N as Ze, f as rn, T as on, H as sn, E as an } from "./ErrorAlert--3alJ_-b.js";
 import { d as A, b as cn, c as un } from "./Drawer-Ci7XwhqT.js";
 import { VisuallyHidden as ln } from "@radix-ui/react-visually-hidden";
 import { S as dn } from "./Spinner-CI6bRyZw.js";
 import { C as hn } from "./CategoryHeading-DhmodDcq.js";
-import { N as fn, R as pn } from "./RouterError-VDLnrFqF.js";
+import { N as fn, R as pn } from "./RouterError-DZS2d6Sc.js";
 var mn = class extends Ve {
   constructor(e = {}) {
     super(), this.config = e, this.#e = /* @__PURE__ */ new Map();

package/lib/zudoku.auth-azureb2c.js

@@ -1,10 +1,10 @@
 import { j as n } from "./jsx-runtime-BzflLqGi.js";
 import { PublicClientApplication as A, EventType as f } from "@azure/msal-browser";
-import { E as I } from "./index-B1rmok4X.js";
+import { E as I } from "./index-FNRZUtwo.js";
 import { C as T } from "./ClientOnly-E7hGysn1.js";
 import { j as S, u as h } from "./ZudokuContext-BUZ5hkWB.js";
-import { C, A as c } from "./errors-CuGgh3hf.js";
-import { C as k, O as w } from "./OAuthErrorPage-BycMozgn.js";
+import { C, A as c } from "./errors-BTpjwHS6.js";
+import { C as k, O as w } from "./OAuthErrorPage-B79J86Fo.js";
 const u = "/oauth/callback";
 class y extends C {
   msalInstance;

package/lib/zudoku.auth-clerk.js

@@ -1,6 +1,6 @@
 import { j as l } from "./jsx-runtime-BzflLqGi.js";
 import { LogOutIcon as f } from "lucide-react";
-import { S as w, a as p, b as v } from "./SignUp-6SGx9Yyq.js";
+import { S as w, a as p, b as v } from "./SignUp-Fycafbyg.js";
 import { u as n } from "./ZudokuContext-BUZ5hkWB.js";
 const b = ({
   clerkPubKey: d,

package/lib/zudoku.auth-openid.js

@@ -1,10 +1,10 @@
 import { j as D } from "./jsx-runtime-BzflLqGi.js";
 import { g as Le } from "./invariant-Bm-FVUQE.js";
-import { E as Ue } from "./index-B1rmok4X.js";
+import { E as Ue } from "./index-FNRZUtwo.js";
 import { C as xe } from "./ClientOnly-E7hGysn1.js";
 import { j as Ce, u as S } from "./ZudokuContext-BUZ5hkWB.js";
-import { C as Ie, O as re, A as R } from "./errors-CuGgh3hf.js";
-import { C as je, O as Oe } from "./OAuthErrorPage-BycMozgn.js";
+import { C as Ie, O as re, A as R } from "./errors-BTpjwHS6.js";
+import { C as je, O as Oe } from "./OAuthErrorPage-B79J86Fo.js";
 var J = { exports: {} }, De = J.exports, oe;
 function Je() {
   return oe || (oe = 1, (function(t) {

package/lib/zudoku.auth-supabase.js

@@ -1,28 +1,28 @@
-import { j as a } from "./jsx-runtime-BzflLqGi.js";
+import { j as i } from "./jsx-runtime-BzflLqGi.js";
 import { createClient as h } from "@supabase/supabase-js";
-import { C as m, A as g } from "./errors-CuGgh3hf.js";
-import { S as v } from "./SignUp-6SGx9Yyq.js";
-import { u as d } from "./ZudokuContext-BUZ5hkWB.js";
-import { Auth as f } from "@supabase/auth-ui-react";
+import { C as m, A as g } from "./errors-BTpjwHS6.js";
+import { S as f } from "./SignUp-Fycafbyg.js";
+import { u } from "./ZudokuContext-BUZ5hkWB.js";
+import { Auth as v } from "@supabase/auth-ui-react";
 import { ThemeSupa as S } from "@supabase/auth-ui-shared";
 import { a as A } from "./chunk-PVWAREVJ-BMhpCH5D.js";
-import { H as T } from "./ErrorAlert-DE3Sf66a.js";
-const c = ({
-  client: n,
+import { H as T } from "./ErrorAlert--3alJ_-b.js";
+const d = ({
+  client: s,
   config: e,
   view: t = "sign_in"
 }) => {
-  const [r] = A(), s = r.get("redirectTo"), u = e.provider ? [e.provider] : e.providers, i = e.basePath ?? "/", o = s ?? e.redirectToAfterSignUp ?? i, p = s ?? e.redirectToAfterSignIn ?? i, l = s ?? e.redirectToAfterSignOut ?? i;
-  return /* @__PURE__ */ a.jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ a.jsxs("div", { className: "max-w-md w-full mt-10", children: [
-    /* @__PURE__ */ a.jsx(T, { level: 1, children: t === "sign_in" ? "Sign in" : "Sign up" }),
-    /* @__PURE__ */ a.jsx(
-      f,
+  const [r] = A(), a = r.get("redirectTo"), n = e.provider ? [e.provider] : e.providers, o = e.basePath ?? "/", c = a ?? e.redirectToAfterSignUp ?? o, l = a ?? e.redirectToAfterSignIn ?? o, p = a ?? e.redirectToAfterSignOut ?? o;
+  return /* @__PURE__ */ i.jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ i.jsxs("div", { className: "max-w-md w-full mt-10", children: [
+    /* @__PURE__ */ i.jsx(T, { level: 1, children: t === "sign_in" ? "Sign in" : "Sign up" }),
+    /* @__PURE__ */ i.jsx(
+      v,
       {
         view: t,
-        redirectToAfterSignIn: p,
-        redirectToAfterSignUp: o,
-        redirectToAfterSignOut: l,
-        supabaseClient: n,
+        redirectToAfterSignIn: l,
+        redirectToAfterSignUp: c,
+        redirectToAfterSignOut: p,
+        supabaseClient: s,
         onlyThirdPartyProviders: e.onlyThirdPartyProviders,
         appearance: {
           theme: S,
@@ -48,7 +48,7 @@ const c = ({
             }
           }
         },
-        providers: u,
+        providers: n,
         redirectTo: e.redirectToAfterSignIn ?? "/"
       }
     )
@@ -56,19 +56,16 @@ const c = ({
 };
 class b extends m {
   client;
-  providers;
   config;
   constructor(e) {
-    const { provider: t, providers: r, supabaseUrl: s, supabaseKey: u } = e;
-    if (super(), this.providers = r ?? (t ? [t] : []), this.providers.length === 0)
-      throw new Error("At least one provider must be provided");
-    this.client = h(s, u, {
+    const { supabaseUrl: t, supabaseKey: r } = e;
+    super(), this.client = h(t, r, {
       auth: {
         autoRefreshToken: !0,
         persistSession: !0
       }
-    }), this.config = e, this.client.auth.onAuthStateChange(async (i, o) => {
-      o && (i === "SIGNED_IN" || i === "TOKEN_REFRESHED") ? await this.updateUserState(o) : i === "SIGNED_OUT" && d.getState().setLoggedOut();
+    }), this.config = e, this.client.auth.onAuthStateChange(async (a, n) => {
+      n && (a === "SIGNED_IN" || a === "TOKEN_REFRESHED") ? await this.updateUserState(n) : a === "SIGNED_OUT" && u.getState().setLoggedOut();
     });
   }
   async updateUserState(e) {
@@ -79,7 +76,7 @@ class b extends m {
       emailVerified: t.email_confirmed_at != null,
       pictureUrl: t.user_metadata.avatar_url
     };
-    d.getState().setLoggedIn({
+    u.getState().setLoggedIn({
       profile: r,
       providerData: { session: e }
     });
@@ -107,8 +104,8 @@ class b extends m {
   getRoutes = () => [
     {
       path: "/signin",
-      element: /* @__PURE__ */ a.jsx(
-        c,
+      element: /* @__PURE__ */ i.jsx(
+        d,
         {
           view: "sign_in",
           client: this.client,
@@ -118,8 +115,8 @@ class b extends m {
     },
     {
       path: "/signup",
-      element: /* @__PURE__ */ a.jsx(
-        c,
+      element: /* @__PURE__ */ i.jsx(
+        d,
         {
           view: "sign_up",
           client: this.client,
@@ -129,7 +126,7 @@ class b extends m {
     },
     {
       path: "/signout",
-      element: /* @__PURE__ */ a.jsx(v, {})
+      element: /* @__PURE__ */ i.jsx(f, {})
     }
   ];
   signOut = async () => {
@@ -138,7 +135,7 @@ class b extends m {
         r === "SIGNED_OUT" && (t.subscription.unsubscribe(), e());
       });
       this.client.auth.signOut();
-    }), d.setState({
+    }), u.setState({
       isAuthenticated: !1,
       isPending: !1,
       profile: void 0,
@@ -150,7 +147,7 @@ class b extends m {
     !t && e.session && await this.updateUserState(e.session);
   };
 }
-const j = (n) => new b(n);
+const j = (s) => new b(s);
 export {
   j as default
 };

package/lib/zudoku.auth-supabase.js.map

@@ -1 +1 @@
-{"version":3,"file":"zudoku.auth-supabase.js","sources":["../src/lib/authentication/providers/supabase/SupabaseAuthUI.tsx","../src/lib/authentication/providers/supabase.tsx"],"sourcesContent":["import { Auth } from \"@supabase/auth-ui-react\";\nimport {\n  ThemeSupa,\n  type ThemeVariables,\n  type ViewType,\n} from \"@supabase/auth-ui-shared\";\nimport type { SupabaseClient } from \"@supabase/supabase-js\";\nimport { useSearchParams } from \"react-router\";\nimport type { SupabaseAuthenticationConfig } from \"../../../../config/config.js\";\nimport { Heading } from \"../../../components/Heading.js\";\n\nexport const SupabaseAuthUI = ({\n  client,\n  config,\n  view = \"sign_in\",\n}: {\n  client: SupabaseClient;\n  config: SupabaseAuthenticationConfig;\n  view: ViewType;\n}) => {\n  const [searchParams] = useSearchParams();\n  const redirectTo = searchParams.get(\"redirectTo\");\n  const providers = config.provider ? [config.provider] : config.providers;\n  const root = config.basePath ?? \"/\";\n  const redirectToAfterSignUp =\n    redirectTo ?? config.redirectToAfterSignUp ?? root;\n  const redirectToAfterSignIn =\n    redirectTo ?? config.redirectToAfterSignIn ?? root;\n  const redirectToAfterSignOut =\n    redirectTo ?? config.redirectToAfterSignOut ?? root;\n\n  return (\n    <div className=\"flex items-center justify-center\">\n      <div className=\"max-w-md w-full mt-10\">\n        <Heading level={1}>\n          {view === \"sign_in\" ? \"Sign in\" : \"Sign up\"}\n        </Heading>\n        <Auth\n          view={view}\n          redirectToAfterSignIn={redirectToAfterSignIn}\n          redirectToAfterSignUp={redirectToAfterSignUp}\n          redirectToAfterSignOut={redirectToAfterSignOut}\n          supabaseClient={client}\n          onlyThirdPartyProviders={config.onlyThirdPartyProviders}\n          appearance={{\n            theme: ThemeSupa,\n            variables: {\n              default: {\n                colors: {\n                  dividerBackground: \"var(--border)\",\n                  brand: \"var(--primary)\",\n                  brandAccent: \"hsla(from var(--primary) h s l / 0.8)\",\n                  brandButtonText: \"var(--primary-foreground)\",\n                  defaultButtonBorder: \"var(--border)\",\n                  inputBorder: \"var(--border)\",\n                  inputText: \"var(--foreground)\",\n                  inputBorderHover: \"var(--accent)\",\n                  defaultButtonBackground: \"var(--secondary)\",\n                  defaultButtonBackgroundHover: \"var(--accent)\",\n                },\n                radii: {\n                  borderRadiusButton: \"var(--radius)\",\n                  buttonBorderRadius: \"var(--radius)\",\n                  inputBorderRadius: \"var(--radius)\",\n                },\n              } satisfies ThemeVariables,\n            },\n          }}\n          providers={providers}\n          redirectTo={config.redirectToAfterSignIn ?? \"/\"}\n        />\n      </div>\n    </div>\n  );\n};\n","import {\n  createClient,\n  type Provider,\n  type Session,\n  type SupabaseClient,\n} from \"@supabase/supabase-js\";\nimport type { SupabaseAuthenticationConfig } from \"../../../config/config.js\";\nimport { CoreAuthenticationPlugin } from \"../AuthenticationPlugin.js\";\nimport type {\n  AuthActionContext,\n  AuthActionOptions,\n  AuthenticationPlugin,\n  AuthenticationProviderInitializer,\n} from \"../authentication.js\";\nimport { SignOut } from \"../components/SignOut.js\";\nimport { AuthorizationError } from \"../errors.js\";\nimport { type UserProfile, useAuthState } from \"../state.js\";\nimport { SupabaseAuthUI } from \"./supabase/SupabaseAuthUI.js\";\n\nclass SupabaseAuthenticationProvider\n  extends CoreAuthenticationPlugin\n  implements AuthenticationPlugin\n{\n  private readonly client: SupabaseClient;\n  private readonly providers: Provider[];\n  private readonly config: SupabaseAuthenticationConfig;\n\n  constructor(config: SupabaseAuthenticationConfig) {\n    const { provider, providers, supabaseUrl, supabaseKey } = config;\n    super();\n    this.providers = providers ?? (provider ? [provider] : []);\n    if (this.providers.length === 0) {\n      throw new Error(\"At least one provider must be provided\");\n    }\n    this.client = createClient(supabaseUrl, supabaseKey, {\n      auth: {\n        autoRefreshToken: true,\n        persistSession: true,\n      },\n    });\n    this.config = config;\n\n    this.client.auth.onAuthStateChange(async (event, session) => {\n      if (session && (event === \"SIGNED_IN\" || event === \"TOKEN_REFRESHED\")) {\n        await this.updateUserState(session);\n      } else if (event === \"SIGNED_OUT\") {\n        useAuthState.getState().setLoggedOut();\n      }\n    });\n  }\n\n  private async updateUserState(session: Session) {\n    const { user } = session;\n\n    const profile: UserProfile = {\n      sub: user.id,\n      email: user.email,\n      name: user.user_metadata.full_name || user.user_metadata.name,\n      emailVerified: user.email_confirmed_at != null,\n      pictureUrl: user.user_metadata.avatar_url,\n    };\n\n    useAuthState.getState().setLoggedIn({\n      profile,\n      providerData: { session },\n    });\n  }\n\n  async getAccessToken(): Promise<string> {\n    const { data, error } = await this.client.auth.getSession();\n\n    if (error || !data.session) {\n      throw new AuthorizationError(\"User is not authenticated\");\n    }\n\n    return data.session.access_token;\n  }\n\n  async signRequest(request: Request): Promise<Request> {\n    const accessToken = await this.getAccessToken();\n    request.headers.set(\"Authorization\", `Bearer ${accessToken}`);\n    return request;\n  }\n\n  signUp = async (\n    { navigate }: AuthActionContext,\n    { redirectTo }: AuthActionOptions,\n  ) => {\n    void navigate(\n      redirectTo\n        ? `/signup?redirectTo=${encodeURIComponent(redirectTo)}`\n        : `/signup`,\n    );\n  };\n\n  signIn = async (\n    { navigate }: AuthActionContext,\n    { redirectTo }: AuthActionOptions,\n  ) => {\n    void navigate(\n      redirectTo\n        ? `/signin?redirectTo=${encodeURIComponent(redirectTo)}`\n        : `/signin`,\n    );\n  };\n\n  getRoutes = () => {\n    return [\n      {\n        path: \"/signin\",\n        element: (\n          <SupabaseAuthUI\n            view=\"sign_in\"\n            client={this.client}\n            config={this.config}\n          />\n        ),\n      },\n      {\n        path: \"/signup\",\n        element: (\n          <SupabaseAuthUI\n            view=\"sign_up\"\n            client={this.client}\n            config={this.config}\n          />\n        ),\n      },\n      {\n        path: \"/signout\",\n        element: <SignOut />,\n      },\n    ];\n  };\n\n  signOut = async () => {\n    await new Promise<void>((resolve) => {\n      const { data } = this.client.auth.onAuthStateChange(async (event) => {\n        if (event !== \"SIGNED_OUT\") return;\n        data.subscription.unsubscribe();\n        resolve();\n      });\n      void this.client.auth.signOut();\n    });\n\n    useAuthState.setState({\n      isAuthenticated: false,\n      isPending: false,\n      profile: undefined,\n      providerData: undefined,\n    });\n  };\n\n  onPageLoad = async () => {\n    const { data, error } = await this.client.auth.getSession();\n\n    if (!error && data.session) {\n      await this.updateUserState(data.session);\n    }\n  };\n}\n\nconst supabaseAuth: AuthenticationProviderInitializer<\n  SupabaseAuthenticationConfig\n> = (options) => new SupabaseAuthenticationProvider(options);\n\nexport default supabaseAuth;\n"],"names":["SupabaseAuthUI","client","config","view","searchParams","useSearchParams","redirectTo","providers","root","redirectToAfterSignUp","redirectToAfterSignIn","redirectToAfterSignOut","jsxs","jsx","Heading","Auth","ThemeSupa","SupabaseAuthenticationProvider","CoreAuthenticationPlugin","provider","supabaseUrl","supabaseKey","createClient","event","session","useAuthState","user","profile","data","error","AuthorizationError","request","accessToken","navigate","SignOut","resolve","supabaseAuth","options"],"mappings":"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"}
+{"version":3,"file":"zudoku.auth-supabase.js","sources":["../src/lib/authentication/providers/supabase/SupabaseAuthUI.tsx","../src/lib/authentication/providers/supabase.tsx"],"sourcesContent":["import { Auth } from \"@supabase/auth-ui-react\";\nimport {\n  ThemeSupa,\n  type ThemeVariables,\n  type ViewType,\n} from \"@supabase/auth-ui-shared\";\nimport type { SupabaseClient } from \"@supabase/supabase-js\";\nimport { useSearchParams } from \"react-router\";\nimport type { SupabaseAuthenticationConfig } from \"../../../../config/config.js\";\nimport { Heading } from \"../../../components/Heading.js\";\n\nexport const SupabaseAuthUI = ({\n  client,\n  config,\n  view = \"sign_in\",\n}: {\n  client: SupabaseClient;\n  config: SupabaseAuthenticationConfig;\n  view: ViewType;\n}) => {\n  const [searchParams] = useSearchParams();\n  const redirectTo = searchParams.get(\"redirectTo\");\n  const providers = config.provider ? [config.provider] : config.providers;\n  const root = config.basePath ?? \"/\";\n  const redirectToAfterSignUp =\n    redirectTo ?? config.redirectToAfterSignUp ?? root;\n  const redirectToAfterSignIn =\n    redirectTo ?? config.redirectToAfterSignIn ?? root;\n  const redirectToAfterSignOut =\n    redirectTo ?? config.redirectToAfterSignOut ?? root;\n\n  return (\n    <div className=\"flex items-center justify-center\">\n      <div className=\"max-w-md w-full mt-10\">\n        <Heading level={1}>\n          {view === \"sign_in\" ? \"Sign in\" : \"Sign up\"}\n        </Heading>\n        <Auth\n          view={view}\n          redirectToAfterSignIn={redirectToAfterSignIn}\n          redirectToAfterSignUp={redirectToAfterSignUp}\n          redirectToAfterSignOut={redirectToAfterSignOut}\n          supabaseClient={client}\n          onlyThirdPartyProviders={config.onlyThirdPartyProviders}\n          appearance={{\n            theme: ThemeSupa,\n            variables: {\n              default: {\n                colors: {\n                  dividerBackground: \"var(--border)\",\n                  brand: \"var(--primary)\",\n                  brandAccent: \"hsla(from var(--primary) h s l / 0.8)\",\n                  brandButtonText: \"var(--primary-foreground)\",\n                  defaultButtonBorder: \"var(--border)\",\n                  inputBorder: \"var(--border)\",\n                  inputText: \"var(--foreground)\",\n                  inputBorderHover: \"var(--accent)\",\n                  defaultButtonBackground: \"var(--secondary)\",\n                  defaultButtonBackgroundHover: \"var(--accent)\",\n                },\n                radii: {\n                  borderRadiusButton: \"var(--radius)\",\n                  buttonBorderRadius: \"var(--radius)\",\n                  inputBorderRadius: \"var(--radius)\",\n                },\n              } satisfies ThemeVariables,\n            },\n          }}\n          providers={providers}\n          redirectTo={config.redirectToAfterSignIn ?? \"/\"}\n        />\n      </div>\n    </div>\n  );\n};\n","import {\n  createClient,\n  type Session,\n  type SupabaseClient,\n} from \"@supabase/supabase-js\";\nimport type { SupabaseAuthenticationConfig } from \"../../../config/config.js\";\nimport { CoreAuthenticationPlugin } from \"../AuthenticationPlugin.js\";\nimport type {\n  AuthActionContext,\n  AuthActionOptions,\n  AuthenticationPlugin,\n  AuthenticationProviderInitializer,\n} from \"../authentication.js\";\nimport { SignOut } from \"../components/SignOut.js\";\nimport { AuthorizationError } from \"../errors.js\";\nimport { type UserProfile, useAuthState } from \"../state.js\";\nimport { SupabaseAuthUI } from \"./supabase/SupabaseAuthUI.js\";\n\nclass SupabaseAuthenticationProvider\n  extends CoreAuthenticationPlugin\n  implements AuthenticationPlugin\n{\n  private readonly client: SupabaseClient;\n  private readonly config: SupabaseAuthenticationConfig;\n\n  constructor(config: SupabaseAuthenticationConfig) {\n    const { supabaseUrl, supabaseKey } = config;\n    super();\n\n    this.client = createClient(supabaseUrl, supabaseKey, {\n      auth: {\n        autoRefreshToken: true,\n        persistSession: true,\n      },\n    });\n    this.config = config;\n\n    this.client.auth.onAuthStateChange(async (event, session) => {\n      if (session && (event === \"SIGNED_IN\" || event === \"TOKEN_REFRESHED\")) {\n        await this.updateUserState(session);\n      } else if (event === \"SIGNED_OUT\") {\n        useAuthState.getState().setLoggedOut();\n      }\n    });\n  }\n\n  private async updateUserState(session: Session) {\n    const { user } = session;\n\n    const profile: UserProfile = {\n      sub: user.id,\n      email: user.email,\n      name: user.user_metadata.full_name || user.user_metadata.name,\n      emailVerified: user.email_confirmed_at != null,\n      pictureUrl: user.user_metadata.avatar_url,\n    };\n\n    useAuthState.getState().setLoggedIn({\n      profile,\n      providerData: { session },\n    });\n  }\n\n  async getAccessToken(): Promise<string> {\n    const { data, error } = await this.client.auth.getSession();\n\n    if (error || !data.session) {\n      throw new AuthorizationError(\"User is not authenticated\");\n    }\n\n    return data.session.access_token;\n  }\n\n  async signRequest(request: Request): Promise<Request> {\n    const accessToken = await this.getAccessToken();\n    request.headers.set(\"Authorization\", `Bearer ${accessToken}`);\n    return request;\n  }\n\n  signUp = async (\n    { navigate }: AuthActionContext,\n    { redirectTo }: AuthActionOptions,\n  ) => {\n    void navigate(\n      redirectTo\n        ? `/signup?redirectTo=${encodeURIComponent(redirectTo)}`\n        : `/signup`,\n    );\n  };\n\n  signIn = async (\n    { navigate }: AuthActionContext,\n    { redirectTo }: AuthActionOptions,\n  ) => {\n    void navigate(\n      redirectTo\n        ? `/signin?redirectTo=${encodeURIComponent(redirectTo)}`\n        : `/signin`,\n    );\n  };\n\n  getRoutes = () => {\n    return [\n      {\n        path: \"/signin\",\n        element: (\n          <SupabaseAuthUI\n            view=\"sign_in\"\n            client={this.client}\n            config={this.config}\n          />\n        ),\n      },\n      {\n        path: \"/signup\",\n        element: (\n          <SupabaseAuthUI\n            view=\"sign_up\"\n            client={this.client}\n            config={this.config}\n          />\n        ),\n      },\n      {\n        path: \"/signout\",\n        element: <SignOut />,\n      },\n    ];\n  };\n\n  signOut = async () => {\n    await new Promise<void>((resolve) => {\n      const { data } = this.client.auth.onAuthStateChange(async (event) => {\n        if (event !== \"SIGNED_OUT\") return;\n        data.subscription.unsubscribe();\n        resolve();\n      });\n      void this.client.auth.signOut();\n    });\n\n    useAuthState.setState({\n      isAuthenticated: false,\n      isPending: false,\n      profile: undefined,\n      providerData: undefined,\n    });\n  };\n\n  onPageLoad = async () => {\n    const { data, error } = await this.client.auth.getSession();\n\n    if (!error && data.session) {\n      await this.updateUserState(data.session);\n    }\n  };\n}\n\nconst supabaseAuth: AuthenticationProviderInitializer<\n  SupabaseAuthenticationConfig\n> = (options) => new SupabaseAuthenticationProvider(options);\n\nexport default supabaseAuth;\n"],"names":["SupabaseAuthUI","client","config","view","searchParams","useSearchParams","redirectTo","providers","root","redirectToAfterSignUp","redirectToAfterSignIn","redirectToAfterSignOut","jsxs","jsx","Heading","Auth","ThemeSupa","SupabaseAuthenticationProvider","CoreAuthenticationPlugin","supabaseUrl","supabaseKey","createClient","event","session","useAuthState","user","profile","data","error","AuthorizationError","request","accessToken","navigate","SignOut","resolve","supabaseAuth","options"],"mappings":"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"}

package/lib/zudoku.components.js

@@ -6,9 +6,9 @@ import "./ui/Button.js";
 import "./ui/Callout.js";
 import "./ClientOnly-E7hGysn1.js";
 import "./ZudokuContext-BUZ5hkWB.js";
-import "./ErrorAlert-DE3Sf66a.js";
+import "./ErrorAlert--3alJ_-b.js";
 import "./Spinner-CI6bRyZw.js";
-import { B as d, i as h, C as l, d as k, c as S, L as y, M, e as T, S as Z, T as c, Z as f, g, h as A, f as B, j as E, u as H } from "./index-B1rmok4X.js";
+import { B as d, i as h, C as l, d as k, c as S, L as y, M, e as T, S as Z, T as c, Z as f, g, h as A, f as B, j as E, u as H } from "./index-FNRZUtwo.js";
 export {
   d as Button,
   h as CACHE_KEYS,

package/lib/zudoku.plugin-api-catalog.js

@@ -1,10 +1,10 @@
 import { j as t } from "./jsx-runtime-BzflLqGi.js";
-import { s as f } from "./index-rYHsvtTo.js";
+import { s as f } from "./index-Bvas0H4x.js";
 import { e as b, m as j } from "./chunk-PVWAREVJ-BMhpCH5D.js";
 import { u as x, b as v, j as d } from "./ZudokuContext-BUZ5hkWB.js";
 import { H as y } from "./index.esm-BnYHxCYC.js";
-import { L as N } from "./index-B1rmok4X.js";
-import { H as k, M as S } from "./ErrorAlert-DE3Sf66a.js";
+import { L as N } from "./index-FNRZUtwo.js";
+import { H as k, M as S } from "./ErrorAlert--3alJ_-b.js";
 const w = ({
   items: o,
   filterCatalogItems: r = (i) => i,

package/lib/zudoku.plugin-api-keys.js

@@ -1,10 +1,10 @@
 import { j as e } from "./jsx-runtime-BzflLqGi.js";
 import { CircleSlashIcon as z, CheckIcon as ue, XIcon as he, PencilLineIcon as fe, RefreshCwIcon as pe, TrashIcon as me, KeyRoundIcon as xe } from "lucide-react";
-import { R as ye } from "./RouterError-VDLnrFqF.js";
+import { R as ye } from "./RouterError-DZS2d6Sc.js";
 import { i as I } from "./invariant-Bm-FVUQE.js";
 import { O as ge, u as je } from "./chunk-PVWAREVJ-BMhpCH5D.js";
 import { u as Ce } from "./hook-CMeoxziF.js";
-import { D as ve, a as Y } from "./ErrorAlert-DE3Sf66a.js";
+import { D as ve, a as Y } from "./ErrorAlert--3alJ_-b.js";
 import { Button as w } from "./ui/Button.js";
 import { a as se, g as ne, b as we } from "./ZudokuContext-BUZ5hkWB.js";
 import { u as O, A as M, a as q, b as ke, S as be, c as Ne, d as Ke, e as Ee, f as De, g as Z, h as Ae } from "./Select-C1DeCqKv.js";
@@ -20,7 +20,7 @@ import { S as Le } from "./Spinner-CI6bRyZw.js";
 import { useAuth as Qe } from "./zudoku.hooks.js";
 const _e = () => {
   const t = Ce();
-  return t.isAuthEnabled && t.isPending ? null : t.isAuthenticated ? /* @__PURE__ */ e.jsx(ge, {}) : t.isAuthEnabled ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col justify-center gap-2 items-center h-1/2", children: [
+  return t.isAuthEnabled && t.isPending ? null : t.isAuthEnabled ? t.isAuthenticated ? /* @__PURE__ */ e.jsx(ge, {}) : /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col justify-center gap-2 items-center h-1/2", children: [
     "Please login first to view this page",
     /* @__PURE__ */ e.jsx(w, { onClick: () => t.login(), children: "Login" })
   ] }) : /* @__PURE__ */ e.jsx("div", { className: "flex flex-col justify-center gap-2 items-center h-1/2", children: /* @__PURE__ */ e.jsxs(ve, { className: "max-w-[600px]", children: [