@sanity/sdk-react 0.0.0-alpha.2 → 0.0.0-alpha.21

package/dist/components.d.ts

@@ -1,257 +0,0 @@
-import {FallbackProps} from 'react-error-boundary'
-import {ForwardRefExoticComponent} from 'react'
-import type {PropsWithChildren} from 'react'
-import {ReactElement} from 'react'
-import {RefAttributes} from 'react'
-import {SanityInstance} from '@sanity/sdk'
-
-/**
- * A component that handles authentication flow and error boundaries for a
- * protected section of the application.
- *
- * @remarks
- * This component manages different authentication states and renders the
- * appropriate components based on that state.
- *
- * @example
- * ```tsx
- * function App() {
- *   return (
- *     <AuthBoundary header={<MyLogo />}>
- *       <ProtectedContent />
- *     </AuthBoundary>
- *   )
- * }
- * ```
- *
- * @alpha
- */
-export declare function AuthBoundary({
-  LoginErrorComponent,
-  ...props
-}: AuthBoundaryProps): React.ReactNode
-
-/**
- * @alpha
- */
-export declare interface AuthBoundaryProps extends LoginLayoutProps {
-  /**
-   * Custom component to render the login screen.
-   * Receives all login layout props. Defaults to {@link Login}.
-   */
-  LoginComponent?: React.ComponentType<LoginLayoutProps>
-  /**
-   * Custom component to render during OAuth callback processing.
-   * Receives all login layout props. Defaults to {@link LoginCallback}.
-   */
-  CallbackComponent?: React.ComponentType<LoginLayoutProps>
-  /**
-   * Custom component to render when authentication errors occur.
-   * Receives login layout props and error boundary props. Defaults to
-   * {@link LoginError}
-   */
-  LoginErrorComponent?: React.ComponentType<LoginErrorProps>
-}
-
-/**
- * Error class for authentication-related errors. Wraps errors thrown during the
- * authentication flow.
- *
- * @remarks
- * This class provides a consistent error type for authentication failures while
- * preserving the original error as the cause. If the original error has a
- * message property, it will be used as the error message.
- *
- * @alpha
- */
-export declare class AuthError extends Error {
-  constructor(error: unknown)
-}
-
-/**
- * @public
- */
-export declare const DocumentGridLayout: {
-  (props: PropsWithChildren): ReactElement
-  displayName: string
-}
-
-/**
- * @public
- */
-export declare const DocumentListLayout: {
-  (props: PropsWithChildren): ReactElement
-  displayName: string
-}
-
-/**
- * This is a component that renders a document preview.
- *
- * @public
- *
- * @param props - The props for the DocumentPreviewLayout component.
- * @returns - The DocumentPreviewLayout component.
- */
-export declare const DocumentPreviewLayout: ForwardRefExoticComponent<
-  DocumentPreviewLayoutProps & RefAttributes<HTMLElement>
->
-
-/**
- * @public
- */
-export declare interface DocumentPreviewLayoutProps {
-  docType?: string
-  media?:
-    | {
-        type: string
-        url: string
-      }
-    | null
-    | undefined
-  onClick?: () => void
-  selected?: boolean
-  status?: string
-  subtitle?: string
-  title: string
-}
-
-/**
- * Login component that displays available authentication providers.
- * Renders a list of login options with a loading fallback while providers load.
- *
- * @alpha
- */
-export declare function Login({header, footer}: LoginLayoutProps): JSX.Element
-
-/**
- * Component shown during auth callback processing that handles login completion.
- * Automatically processes the auth callback when mounted and updates the URL
- * to remove callback parameters without triggering a page reload.
- *
- * @alpha
- */
-export declare function LoginCallback({header, footer}: LoginLayoutProps): React.ReactNode
-
-/**
- * Displays authentication error details and provides retry functionality.
- * Only handles {@link AuthError} instances - rethrows other error types.
- *
- * @alpha
- */
-export declare function LoginError({
-  error,
-  resetErrorBoundary,
-  header,
-  footer,
-}: LoginErrorProps): React.ReactNode
-
-/**
- * @alpha
- */
-export declare type LoginErrorProps = FallbackProps & LoginLayoutProps
-
-/**
- * Layout component for login-related screens providing consistent styling and structure.
- * Renders content in a centered card with optional header and footer sections.
- *
- * Can be used to build custom login screens for the AuthBoundary component, including:
- * - Login provider selection (LoginComponent)
- * - OAuth callback handling (CallbackComponent)
- * - Error states (LoginErrorComponent)
- *
- * @example
- * ```tsx
- * // Custom login screen using the layout
- * function CustomLogin({header, footer}: LoginLayoutProps) {
- *   return (
- *     <LoginLayout
- *       header={header}
- *       footer={footer}
- *     >
- *       <CustomLoginContent />
- *     </LoginLayout>
- *   )
- * }
- *
- * // Use with AuthBoundary
- * <AuthBoundary
- *   LoginComponent={CustomLogin}
- *   header={<Logo />}
- * >
- *   <ProtectedContent />
- * </AuthBoundary>
- * ```
- *
- * @alpha
- */
-export declare function LoginLayout({children, footer, header}: LoginLayoutProps): React.ReactNode
-
-/**
- * @alpha
- */
-export declare interface LoginLayoutProps {
-  /** Optional header content rendered at top of card */
-  header?: React.ReactNode
-  /** Optional footer content rendered below card. Defaults to an internal login footer */
-  footer?: React.ReactNode
-  /** Main content rendered in card body */
-  children?: React.ReactNode
-}
-
-/**
- * Component that handles Sanity authentication flow and renders login provider options
- *
- * @public
- *
- * @returns Rendered component
- *
- * @remarks
- * The component handles three states:
- * 1. Loading state during token exchange
- * 2. Success state after successful authentication
- * 3. Provider selection UI when not authenticated
- *
- * @example
- * ```tsx
- * const config = { projectId: 'your-project-id', dataset: 'production' }
- * return <LoginLinks sanityInstance={config} />
- * ```
- */
-export declare const LoginLinks: () => ReactElement
-
-/**
- * Top-level context provider that provides a Sanity configuration instance.
- * This must wrap any Sanity SDK React component.
- * @public
- * @param props - Sanity project and dataset configuration
- * @returns Rendered component
- * @example
- * ```tsx
- * import {createSanityInstance} from '@sanity/sdk'
- * import {ExampleComponent, SanityProvider} from '@sanity/sdk-react'
- *
- * const sanityInstance = createSanityInstance({projectId: 'your-project-id', dataset: 'production'})
- *
- * export default function MyApp() {
- *   return (
- *     <SanityProvider sanityInstance={sanityInstance}>
- *      <ExampleComponent />
- *     </SanityProvider>
- *   )
- * }
- * ```
- */
-export declare const SanityProvider: ({
-  children,
-  sanityInstance,
-}: SanityProviderProps) => ReactElement
-
-/**
- * @public
- */
-export declare interface SanityProviderProps {
-  children: React.ReactNode
-  sanityInstance: SanityInstance
-}
-
-export {}

package/dist/components.js

@@ -1,316 +0,0 @@
-import { jsxs, jsx, Fragment as Fragment$1 } from "react/jsx-runtime";
-import { AuthStateType } from "@sanity/sdk";
-import { Fragment, Suspense, useEffect, useCallback, useMemo, forwardRef } from "react";
-import { ErrorBoundary } from "react-error-boundary";
-import { useLoginUrls, useHandleCallback, useLogOut, useAuthState } from "./_chunks-es/useLogOut.js";
-import { SanityProvider } from "./_chunks-es/useLogOut.js";
-import { Text, Flex, Card, Heading, Spinner, Button, Container as Container$1, Stack } from "@sanity/ui";
-import styled from "styled-components";
-import { SanityLogo } from "@sanity/logos";
-import { DocumentIcon } from "@sanity/icons";
-class AuthError extends Error {
-  constructor(error) {
-    typeof error == "object" && error && "message" in error && typeof error.message == "string" ? super(error.message) : super(), this.cause = error;
-  }
-}
-const LINKS = [
-  {
-    url: "https://slack.sanity.io/",
-    i18nKey: "workspaces.community-title",
-    title: "Community"
-  },
-  {
-    url: "https://www.sanity.io/docs",
-    i18nKey: "workspaces.docs-title",
-    title: "Docs"
-  },
-  {
-    url: "https://www.sanity.io/legal/privacy",
-    i18nKey: "workspaces.privacy-title",
-    title: "Privacy"
-  },
-  {
-    url: "https://www.sanity.io",
-    i18nKey: "workspaces.sanity-io-title",
-    title: "sanity.io"
-  }
-], StyledText = styled(Text)`
-  a {
-    color: inherit;
-  }
-`;
-function LoginFooter() {
-  return /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 4, justify: "center", align: "center", paddingTop: 2, children: [
-    /* @__PURE__ */ jsx(Text, { size: 3, children: /* @__PURE__ */ jsx(SanityLogo, {}) }),
-    /* @__PURE__ */ jsx(Flex, { align: "center", gap: 2, children: LINKS.map((link, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(StyledText, { muted: !0, size: 1, children: /* @__PURE__ */ jsx("a", { href: link.url, target: "_blank", rel: "noopener noreferrer", children: link.title }) }),
-      index < LINKS.length - 1 && /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "\u2022" })
-    ] }, link.title)) })
-  ] });
-}
-const Root = styled.div`
-  width: 100%;
-  display: flex;
-`, Container = styled(Flex)`
-  width: 320px;
-  margin: auto;
-  display: flex;
-`, StyledCard = styled(Card)``, ChildrenFlex = styled(Flex)`
-  min-height: 154px;
-`;
-function LoginLayout({
-  children,
-  footer = /* @__PURE__ */ jsx(LoginFooter, {}),
-  header
-}) {
-  return /* @__PURE__ */ jsx(Root, { children: /* @__PURE__ */ jsxs(Container, { direction: "column", gap: 4, children: [
-    /* @__PURE__ */ jsx(StyledCard, { border: !0, radius: 2, paddingY: 4, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 4, children: [
-      header && /* @__PURE__ */ jsx(Card, { borderBottom: !0, paddingX: 4, paddingBottom: 3, children: header }),
-      children && /* @__PURE__ */ jsx(ChildrenFlex, { paddingX: 4, direction: "column", children })
-    ] }) }),
-    footer
-  ] }) });
-}
-const FallbackRoot = styled(Flex)`
-  height: 123px;
-`;
-function Login({ header, footer }) {
-  return /* @__PURE__ */ jsx(LoginLayout, { header, footer, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 4, children: [
-    /* @__PURE__ */ jsx(Heading, { as: "h1", size: 1, align: "center", children: "Choose login provider" }),
-    /* @__PURE__ */ jsx(
-      Suspense,
-      {
-        fallback: /* @__PURE__ */ jsx(FallbackRoot, { align: "center", justify: "center", children: /* @__PURE__ */ jsx(Spinner, {}) }),
-        children: /* @__PURE__ */ jsx(Providers, {})
-      }
-    )
-  ] }) });
-}
-function Providers() {
-  const loginUrls = useLoginUrls();
-  return /* @__PURE__ */ jsx(Flex, { direction: "column", gap: 3, children: loginUrls.map(({ title, url }) => /* @__PURE__ */ jsx(Button, { text: title, as: "a", href: url, mode: "ghost" }, url)) });
-}
-const StyledFlex$1 = styled(Flex)`
-  margin: auto;
-`;
-function LoginCallback({ header, footer }) {
-  const handleCallback = useHandleCallback();
-  return useEffect(() => {
-    const url = new URL(location.href);
-    handleCallback(url.toString()).then((replacementLocation) => {
-      replacementLocation && history.replaceState(null, "", replacementLocation);
-    });
-  }, [handleCallback]), /* @__PURE__ */ jsx(LoginLayout, { header, footer, children: /* @__PURE__ */ jsxs(StyledFlex$1, { direction: "column", justify: "center", align: "center", gap: 4, children: [
-    /* @__PURE__ */ jsx(Text, { size: 1, children: "Logging you in\u2026" }),
-    /* @__PURE__ */ jsx(Spinner, { size: 4 })
-  ] }) });
-}
-const StyledFlex = styled(Flex)`
-  margin: auto;
-`;
-function LoginError({
-  error,
-  resetErrorBoundary,
-  header,
-  footer
-}) {
-  if (!(error instanceof AuthError)) throw error;
-  const logout = useLogOut(), handleRetry = useCallback(async () => {
-    await logout(), resetErrorBoundary();
-  }, [logout, resetErrorBoundary]);
-  return /* @__PURE__ */ jsx(LoginLayout, { header, footer, children: /* @__PURE__ */ jsxs(StyledFlex, { direction: "column", gap: 4, children: [
-    /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 3, children: [
-      /* @__PURE__ */ jsx(Text, { as: "h2", align: "center", weight: "bold", size: 3, children: "Authentication Error" }),
-      /* @__PURE__ */ jsx(Text, { size: 1, align: "center", children: "Please try again or contact support if the problem persists." })
-    ] }),
-    /* @__PURE__ */ jsx(Button, { text: "Retry", tone: "primary", onClick: handleRetry })
-  ] }) });
-}
-function AuthBoundary({
-  LoginErrorComponent = LoginError,
-  ...props
-}) {
-  const { header, footer } = props, FallbackComponent = useMemo(() => function(fallbackProps) {
-    return /* @__PURE__ */ jsx(LoginErrorComponent, { ...fallbackProps, header, footer });
-  }, [header, footer, LoginErrorComponent]);
-  return /* @__PURE__ */ jsx(ErrorBoundary, { FallbackComponent, children: /* @__PURE__ */ jsx(AuthSwitch, { ...props }) });
-}
-function AuthSwitch({
-  LoginComponent = Login,
-  CallbackComponent = LoginCallback,
-  children,
-  ...props
-}) {
-  const authState = useAuthState();
-  switch (authState.type) {
-    case AuthStateType.ERROR:
-      throw new AuthError(authState.error);
-    case AuthStateType.LOGGING_IN:
-      return /* @__PURE__ */ jsx(CallbackComponent, { ...props });
-    case AuthStateType.LOGGED_IN:
-      return children;
-    default:
-      return /* @__PURE__ */ jsx(LoginComponent, { ...props });
-  }
-}
-const DocumentGridLayout = (props) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
-  /* @__PURE__ */ jsx("style", { children: `
-        .DocumentGridLayout {
-          grid-template-columns: repeat(auto-fit, minmax(38ch, 1fr));
-        }
-      ` }),
-  /* @__PURE__ */ jsx("ol", { className: "DocumentGridLayout list-none grid", children: props.children })
-] });
-DocumentGridLayout.displayName = "DocumentGridLayout";
-const DocumentListLayout = (props) => /* @__PURE__ */ jsx("ol", { className: "DocumentListLayout list-none", children: props.children });
-DocumentListLayout.displayName = "DocumentListLayout";
-const DocumentPreviewLayout = forwardRef(
-  ({
-    docType,
-    media,
-    onClick,
-    selected = !1,
-    status = "",
-    subtitle = "",
-    title
-  }, ref) => {
-    if (!title)
-      return /* @__PURE__ */ jsx(Fragment$1, {});
-    let PreviewMedia;
-    if (media?.url) {
-      const baseUrl = new URL(media.url);
-      baseUrl.searchParams.set("h", "66"), baseUrl.searchParams.set("w", "66"), baseUrl.searchParams.set("fit", "crop");
-      const mediaUrl = baseUrl.toString();
-      PreviewMedia = /* @__PURE__ */ jsx("img", { src: mediaUrl, alt: "" });
-    } else
-      PreviewMedia = /* @__PURE__ */ jsx(DocumentIcon, {});
-    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-      /* @__PURE__ */ jsx("style", { children: `
-          .DocumentPreviewLayout {
-            --_hoverFocusBg: light-dark(var(--shade-11), var(--tint-1));
-            --_selectedBg: light-dark(var(--blue-10), var(--blue-2));
-            --_selectedFg: light-dark(var(--gray-1), var(--gray-10));
-            --_titleFg: light-dark(var(--gray-1), var(--gray-10));
-            --_subtitleFg: light-dark(var(--gray-4), var(--gray-7));
-            --_docTypeFg: light-dark(var(--gray-1), var(--gray-10));
-            --_docTypeBg: light-dark(var(--shade-10), var(--tint-1));
-            --_publishedFg: light-dark(var(--gray-1), var(--gray-10));
-            --_publishedBg: light-dark(var(--green-10), var(--green-2));
-            --_draftFg: light-dark(var(--gray-1), var(--gray-10));
-            --_draftBg: light-dark(var(--yellow-6), var(--yellow-2));
-
-            appearance: none;
-
-            &:has(:hover, focus) {
-              background-color: var(--hoverFocusBg, var(--_hoverFocusBg));
-            }
-
-            &.selected {
-              background-color: var(--selectedBg, var(--_selectedBg));
-              color: var(--selectedFg, var(--_selectedFg));
-            }
-
-            .Title {
-              color: var(--titleFg, var(--_titleFg));
-            }
-
-            &:not(.selected) .Subtitle {
-              color: var(--subtitleFg, var(--_subtitleFg));
-            }
-
-            .Media {
-              aspect-ratio: 1;
-              inline-size: 33px;
-              border-color: var(--gray-8);
-            }
-
-            .DocType {
-              color: var(--docTypeFg, var(--_docTypeFg));
-              background-color: var(--docTypeBg, var(--_docTypeBg));
-            }
-
-            .Published {
-              color: var(--publishedFg, var(--_publishedFg));
-              background-color: var(--publishedBg, var(--_publishedBg));
-            }
-
-            .Draft {
-              color: var(--draftFg, var(--_draftFg));
-              background-color: var(--draftBg, var(--_draftBg));
-            }
-
-            :is(.Published, .Draft) figcaption {
-              @container (width < 52ch) {
-                clip: rect(0 0 0 0);
-                clip-path: inset(50%);
-                height: 1px;
-                overflow: hidden;
-                position: absolute;
-                white-space: nowrap;
-                width: 1px;
-              }
-            }
-
-          }
-        ` }),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          onClick,
-          ref,
-          className: `DocumentPreviewLayout block si-100 text-start p-1 radius1 ${selected ? "selected" : ""}`,
-          children: /* @__PURE__ */ jsxs("div", { className: "container-inline flex align-items-center gap-2 font-sans", children: [
-            /* @__PURE__ */ jsx("figure", { className: "Media border0 border-solid flex-none flex align-items-center justify-content-center object-cover", children: PreviewMedia }),
-            /* @__PURE__ */ jsxs("div", { className: "leading2 flex-grow overflow-hidden", children: [
-              /* @__PURE__ */ jsx("p", { className: "Title text-1 font-medium truncate", children: title }),
-              subtitle && /* @__PURE__ */ jsx("p", { className: "Subtitle text-1 truncate", children: subtitle })
-            ] }),
-            docType && /* @__PURE__ */ jsx("figure", { className: "DocType inline-block pb-5 pi-3 radius-pill text-2", children: /* @__PURE__ */ jsx("figcaption", { className: "inline", children: docType }) }),
-            status === "published" && /* @__PURE__ */ jsxs("figure", { className: "Published inline-block pb-5 pi-3 radius-pill text-2", children: [
-              "\u2714\uFE0E ",
-              /* @__PURE__ */ jsx("figcaption", { className: "inline", children: "published" })
-            ] }),
-            status === "draft" && /* @__PURE__ */ jsxs("figure", { className: "Draft inline-block pb-5 pi-3 radius-pill text-2", children: [
-              "\u26D1\uFE0E ",
-              /* @__PURE__ */ jsx("figcaption", { className: "inline", children: "draft" })
-            ] })
-          ] })
-        }
-      )
-    ] });
-  }
-);
-DocumentPreviewLayout.displayName = "DocumentPreviewLayout";
-const LoginLinks = () => {
-  const loginUrls = useLoginUrls(), authState = useAuthState();
-  return useHandleCallback(), authState.type === "logging-in" ? /* @__PURE__ */ jsx("div", { children: "Logging in..." }) : authState.type === "logged-in" ? /* @__PURE__ */ jsx("div", { children: "You are logged in" }) : /* @__PURE__ */ jsx(Card, { height: "fill", overflow: "auto", paddingX: 4, children: /* @__PURE__ */ jsx(Flex, { height: "fill", direction: "column", align: "center", justify: "center", paddingTop: 4, children: /* @__PURE__ */ jsx(Container$1, { width: 0, children: /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
-    /* @__PURE__ */ jsx(Heading, { align: "center", size: 1, children: "Choose login provider" }),
-    /* @__PURE__ */ jsx(Stack, { space: 2, children: loginUrls.map((provider, index) => /* @__PURE__ */ jsx(
-      Button,
-      {
-        as: "a",
-        href: provider.url,
-        mode: "ghost",
-        tone: "default",
-        space: 3,
-        padding: 3,
-        text: provider.title
-      },
-      `${provider.url}_${index}`
-    )) })
-  ] }) }) }) });
-};
-export {
-  AuthBoundary,
-  AuthError,
-  DocumentGridLayout,
-  DocumentListLayout,
-  DocumentPreviewLayout,
-  Login,
-  LoginCallback,
-  LoginError,
-  LoginLayout,
-  LoginLinks,
-  SanityProvider
-};
-//# sourceMappingURL=components.js.map

package/dist/components.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"components.js","sources":["../src/components/auth/AuthError.ts","../src/components/auth/LoginFooter.tsx","../src/components/auth/LoginLayout.tsx","../src/components/auth/Login.tsx","../src/components/auth/LoginCallback.tsx","../src/components/auth/LoginError.tsx","../src/components/auth/AuthBoundary.tsx","../src/components/DocumentGridLayout/DocumentGridLayout.tsx","../src/components/DocumentListLayout/DocumentListLayout.tsx","../src/components/DocumentPreviewLayout/DocumentPreviewLayout.tsx","../src/components/Login/LoginLinks.tsx"],"sourcesContent":["/**\n * Error class for authentication-related errors. Wraps errors thrown during the\n * authentication flow.\n *\n * @remarks\n * This class provides a consistent error type for authentication failures while\n * preserving the original error as the cause. If the original error has a\n * message property, it will be used as the error message.\n *\n * @alpha\n */\nexport class AuthError extends Error {\n  constructor(error: unknown) {\n    if (\n      typeof error === 'object' &&\n      !!error &&\n      'message' in error &&\n      typeof error.message === 'string'\n    ) {\n      super(error.message)\n    } else {\n      super()\n    }\n\n    this.cause = error\n  }\n}\n","import {SanityLogo} from '@sanity/logos'\nimport {Flex, Text} from '@sanity/ui'\nimport {Fragment} from 'react'\nimport styled from 'styled-components'\n\nconst LINKS = [\n  {\n    url: 'https://slack.sanity.io/',\n    i18nKey: 'workspaces.community-title',\n    title: 'Community',\n  },\n  {\n    url: 'https://www.sanity.io/docs',\n    i18nKey: 'workspaces.docs-title',\n    title: 'Docs',\n  },\n  {\n    url: 'https://www.sanity.io/legal/privacy',\n    i18nKey: 'workspaces.privacy-title',\n    title: 'Privacy',\n  },\n  {\n    url: 'https://www.sanity.io',\n    i18nKey: 'workspaces.sanity-io-title',\n    title: 'sanity.io',\n  },\n]\n\nconst StyledText = styled(Text)`\n  a {\n    color: inherit;\n  }\n`\n\n/**\n * Default footer component for login screens showing Sanity branding and legal\n * links.\n *\n * @alpha\n */\nexport function LoginFooter(): React.ReactNode {\n  return (\n    <Flex direction=\"column\" gap={4} justify=\"center\" align=\"center\" paddingTop={2}>\n      <Text size={3}>\n        <SanityLogo />\n      </Text>\n\n      <Flex align=\"center\" gap={2}>\n        {LINKS.map((link, index) => (\n          <Fragment key={link.title}>\n            <StyledText muted size={1}>\n              <a href={link.url} target=\"_blank\" rel=\"noopener noreferrer\">\n                {link.title}\n              </a>\n            </StyledText>\n\n            {index < LINKS.length - 1 && (\n              <Text size={1} muted>\n                •\n              </Text>\n            )}\n          </Fragment>\n        ))}\n      </Flex>\n    </Flex>\n  )\n}\n","import {Card, Flex} from '@sanity/ui'\nimport styled from 'styled-components'\n\nimport {LoginFooter} from './LoginFooter'\n\n/**\n * @alpha\n */\nexport interface LoginLayoutProps {\n  /** Optional header content rendered at top of card */\n  header?: React.ReactNode\n\n  /** Optional footer content rendered below card. Defaults to an internal login footer */\n  footer?: React.ReactNode\n\n  /** Main content rendered in card body */\n  children?: React.ReactNode\n}\n\nconst Root = styled.div`\n  width: 100%;\n  display: flex;\n`\n\nconst Container = styled(Flex)`\n  width: 320px;\n  margin: auto;\n  display: flex;\n`\n\nconst StyledCard = styled(Card)``\n\nconst ChildrenFlex = styled(Flex)`\n  min-height: 154px;\n`\n\n/**\n * Layout component for login-related screens providing consistent styling and structure.\n * Renders content in a centered card with optional header and footer sections.\n *\n * Can be used to build custom login screens for the AuthBoundary component, including:\n * - Login provider selection (LoginComponent)\n * - OAuth callback handling (CallbackComponent)\n * - Error states (LoginErrorComponent)\n *\n * @example\n * ```tsx\n * // Custom login screen using the layout\n * function CustomLogin({header, footer}: LoginLayoutProps) {\n *   return (\n *     <LoginLayout\n *       header={header}\n *       footer={footer}\n *     >\n *       <CustomLoginContent />\n *     </LoginLayout>\n *   )\n * }\n *\n * // Use with AuthBoundary\n * <AuthBoundary\n *   LoginComponent={CustomLogin}\n *   header={<Logo />}\n * >\n *   <ProtectedContent />\n * </AuthBoundary>\n * ```\n *\n * @alpha\n */\nexport function LoginLayout({\n  children,\n  footer = <LoginFooter />,\n  header,\n}: LoginLayoutProps): React.ReactNode {\n  return (\n    <Root>\n      <Container direction=\"column\" gap={4}>\n        <StyledCard border radius={2} paddingY={4}>\n          <Flex direction=\"column\" gap={4}>\n            {header && (\n              <Card borderBottom paddingX={4} paddingBottom={3}>\n                {header}\n              </Card>\n            )}\n\n            {children && (\n              <ChildrenFlex paddingX={4} direction=\"column\">\n                {children}\n              </ChildrenFlex>\n            )}\n          </Flex>\n        </StyledCard>\n\n        {footer}\n      </Container>\n    </Root>\n  )\n}\n","import {Button, Flex, Heading, Spinner} from '@sanity/ui'\nimport {Suspense} from 'react'\nimport styled from 'styled-components'\n\nimport {useLoginUrls} from '../../hooks/auth/useLoginUrls'\nimport {LoginLayout, type LoginLayoutProps} from './LoginLayout'\n\n/**\n * @alpha\n */\nexport interface LoginProps {\n  header?: React.ReactNode\n  footer?: React.ReactNode\n}\n\nconst FallbackRoot = styled(Flex)`\n  height: 123px;\n`\n\n/**\n * Login component that displays available authentication providers.\n * Renders a list of login options with a loading fallback while providers load.\n *\n * @alpha\n */\nexport function Login({header, footer}: LoginLayoutProps): JSX.Element {\n  return (\n    <LoginLayout header={header} footer={footer}>\n      <Flex direction=\"column\" gap={4}>\n        <Heading as=\"h1\" size={1} align=\"center\">\n          Choose login provider\n        </Heading>\n\n        <Suspense\n          fallback={\n            <FallbackRoot align=\"center\" justify=\"center\">\n              <Spinner />\n            </FallbackRoot>\n          }\n        >\n          <Providers />\n        </Suspense>\n      </Flex>\n    </LoginLayout>\n  )\n}\n\nfunction Providers() {\n  const loginUrls = useLoginUrls()\n\n  return (\n    <Flex direction=\"column\" gap={3}>\n      {loginUrls.map(({title, url}) => (\n        <Button key={url} text={title} as=\"a\" href={url} mode=\"ghost\" />\n      ))}\n    </Flex>\n  )\n}\n","import {Flex, Spinner, Text} from '@sanity/ui'\nimport {useEffect} from 'react'\nimport styled from 'styled-components'\n\nimport {useHandleCallback} from '../../hooks/auth/useHandleCallback'\nimport {LoginLayout, type LoginLayoutProps} from './LoginLayout'\n\nconst StyledFlex = styled(Flex)`\n  margin: auto;\n`\n\n/**\n * Component shown during auth callback processing that handles login completion.\n * Automatically processes the auth callback when mounted and updates the URL\n * to remove callback parameters without triggering a page reload.\n *\n * @alpha\n */\nexport function LoginCallback({header, footer}: LoginLayoutProps): React.ReactNode {\n  const handleCallback = useHandleCallback()\n\n  useEffect(() => {\n    const url = new URL(location.href)\n    handleCallback(url.toString()).then((replacementLocation) => {\n      if (replacementLocation) {\n        // history API with `replaceState` is used to prevent a reload but still\n        // remove the short-lived token from the URL\n        history.replaceState(null, '', replacementLocation)\n      }\n    })\n  }, [handleCallback])\n\n  return (\n    <LoginLayout header={header} footer={footer}>\n      <StyledFlex direction=\"column\" justify=\"center\" align=\"center\" gap={4}>\n        <Text size={1}>Logging you in…</Text>\n        <Spinner size={4} />\n      </StyledFlex>\n    </LoginLayout>\n  )\n}\n","import {Button, Flex, Text} from '@sanity/ui'\nimport {useCallback} from 'react'\nimport {type FallbackProps} from 'react-error-boundary'\nimport styled from 'styled-components'\n\nimport {useLogOut} from '../../hooks/auth/useLogOut'\nimport {AuthError} from './AuthError'\nimport {LoginLayout, type LoginLayoutProps} from './LoginLayout'\n\n/**\n * @alpha\n */\nexport type LoginErrorProps = FallbackProps & LoginLayoutProps\n\nconst StyledFlex = styled(Flex)`\n  margin: auto;\n`\n\n/**\n * Displays authentication error details and provides retry functionality.\n * Only handles {@link AuthError} instances - rethrows other error types.\n *\n * @alpha\n */\nexport function LoginError({\n  error,\n  resetErrorBoundary,\n  header,\n  footer,\n}: LoginErrorProps): React.ReactNode {\n  if (!(error instanceof AuthError)) throw error\n  const logout = useLogOut()\n\n  const handleRetry = useCallback(async () => {\n    await logout()\n    resetErrorBoundary()\n  }, [logout, resetErrorBoundary])\n\n  return (\n    <LoginLayout header={header} footer={footer}>\n      <StyledFlex direction=\"column\" gap={4}>\n        <Flex direction=\"column\" gap={3}>\n          <Text as=\"h2\" align=\"center\" weight=\"bold\" size={3}>\n            Authentication Error\n          </Text>\n          <Text size={1} align=\"center\">\n            Please try again or contact support if the problem persists.\n          </Text>\n        </Flex>\n        <Button text=\"Retry\" tone=\"primary\" onClick={handleRetry} />\n      </StyledFlex>\n    </LoginLayout>\n  )\n}\n","import {AuthStateType} from '@sanity/sdk'\nimport {useMemo} from 'react'\nimport {ErrorBoundary, type FallbackProps} from 'react-error-boundary'\n\nimport {useAuthState} from '../../hooks/auth/useAuthState'\nimport {AuthError} from './AuthError'\nimport {Login} from './Login'\nimport {LoginCallback} from './LoginCallback'\nimport {LoginError, type LoginErrorProps} from './LoginError'\nimport type {LoginLayoutProps} from './LoginLayout'\n\n/**\n * @alpha\n */\nexport interface AuthBoundaryProps extends LoginLayoutProps {\n  /**\n   * Custom component to render the login screen.\n   * Receives all login layout props. Defaults to {@link Login}.\n   */\n  LoginComponent?: React.ComponentType<LoginLayoutProps>\n\n  /**\n   * Custom component to render during OAuth callback processing.\n   * Receives all login layout props. Defaults to {@link LoginCallback}.\n   */\n  CallbackComponent?: React.ComponentType<LoginLayoutProps>\n\n  /**\n   * Custom component to render when authentication errors occur.\n   * Receives login layout props and error boundary props. Defaults to\n   * {@link LoginError}\n   */\n  LoginErrorComponent?: React.ComponentType<LoginErrorProps>\n}\n\n/**\n * A component that handles authentication flow and error boundaries for a\n * protected section of the application.\n *\n * @remarks\n * This component manages different authentication states and renders the\n * appropriate components based on that state.\n *\n * @example\n * ```tsx\n * function App() {\n *   return (\n *     <AuthBoundary header={<MyLogo />}>\n *       <ProtectedContent />\n *     </AuthBoundary>\n *   )\n * }\n * ```\n *\n * @alpha\n */\nexport function AuthBoundary({\n  LoginErrorComponent = LoginError,\n  ...props\n}: AuthBoundaryProps): React.ReactNode {\n  const {header, footer} = props\n  const FallbackComponent = useMemo(() => {\n    return function LoginComponentWithLayoutProps(fallbackProps: FallbackProps) {\n      return <LoginErrorComponent {...fallbackProps} header={header} footer={footer} />\n    }\n  }, [header, footer, LoginErrorComponent])\n\n  return (\n    <ErrorBoundary FallbackComponent={FallbackComponent}>\n      <AuthSwitch {...props} />\n    </ErrorBoundary>\n  )\n}\n\ninterface AuthSwitchProps extends LoginLayoutProps {\n  LoginComponent?: React.ComponentType<LoginLayoutProps>\n  CallbackComponent?: React.ComponentType<LoginLayoutProps>\n}\n\nfunction AuthSwitch({\n  LoginComponent = Login,\n  CallbackComponent = LoginCallback,\n  children,\n  ...props\n}: AuthSwitchProps) {\n  const authState = useAuthState()\n\n  switch (authState.type) {\n    case AuthStateType.ERROR: {\n      throw new AuthError(authState.error)\n    }\n    case AuthStateType.LOGGING_IN: {\n      return <CallbackComponent {...props} />\n    }\n    case AuthStateType.LOGGED_IN: {\n      return children\n    }\n    default: {\n      return <LoginComponent {...props} />\n    }\n  }\n}\n","import '../../css/styles.css'\n\nimport type {PropsWithChildren, ReactElement} from 'react'\n\n/**\n * @public\n */\nexport const DocumentGridLayout = (props: PropsWithChildren): ReactElement => {\n  return (\n    <>\n      <style>{`\n        .DocumentGridLayout {\n          grid-template-columns: repeat(auto-fit, minmax(38ch, 1fr));\n        }\n      `}</style>\n      <ol className=\"DocumentGridLayout list-none grid\">{props.children}</ol>\n    </>\n  )\n}\n\nDocumentGridLayout.displayName = 'DocumentGridLayout'\n","import '../../css/styles.css'\n\nimport type {PropsWithChildren, ReactElement} from 'react'\n\n/**\n * @public\n */\nexport const DocumentListLayout = (props: PropsWithChildren): ReactElement => {\n  return <ol className=\"DocumentListLayout list-none\">{props.children}</ol>\n}\n\nDocumentListLayout.displayName = 'DocumentListLayout'\n","import 'inter-ui/inter.css'\nimport '../../css/styles.css'\n\nimport {DocumentIcon} from '@sanity/icons'\nimport {forwardRef} from 'react'\n\n/**\n * @public\n */\nexport interface DocumentPreviewLayoutProps {\n  docType?: string\n  media?: {type: string; url: string} | null | undefined\n  onClick?: () => void\n  selected?: boolean\n  status?: string\n  subtitle?: string\n  title: string\n}\n\n/**\n * This is a component that renders a document preview.\n *\n * @public\n *\n * @param props - The props for the DocumentPreviewLayout component.\n * @returns - The DocumentPreviewLayout component.\n */\nexport const DocumentPreviewLayout = forwardRef(\n  (\n    {\n      docType,\n      media,\n      onClick,\n      selected = false,\n      status = '',\n      subtitle = '',\n      title,\n    }: DocumentPreviewLayoutProps,\n    ref: React.Ref<HTMLElement>,\n  ): JSX.Element => {\n    // @TODO: empty state\n    if (!title) {\n      return <></>\n    }\n\n    let PreviewMedia\n\n    if (media?.url) {\n      const baseUrl = new URL(media.url)\n      baseUrl.searchParams.set('h', '66')\n      baseUrl.searchParams.set('w', '66')\n      baseUrl.searchParams.set('fit', 'crop')\n      const mediaUrl = baseUrl.toString()\n      // media url string params for sanity img\n      PreviewMedia = <img src={mediaUrl} alt=\"\" />\n    } else {\n      PreviewMedia = <DocumentIcon />\n    }\n\n    return (\n      <>\n        <style>{`\n          .DocumentPreviewLayout {\n            --_hoverFocusBg: light-dark(var(--shade-11), var(--tint-1));\n            --_selectedBg: light-dark(var(--blue-10), var(--blue-2));\n            --_selectedFg: light-dark(var(--gray-1), var(--gray-10));\n            --_titleFg: light-dark(var(--gray-1), var(--gray-10));\n            --_subtitleFg: light-dark(var(--gray-4), var(--gray-7));\n            --_docTypeFg: light-dark(var(--gray-1), var(--gray-10));\n            --_docTypeBg: light-dark(var(--shade-10), var(--tint-1));\n            --_publishedFg: light-dark(var(--gray-1), var(--gray-10));\n            --_publishedBg: light-dark(var(--green-10), var(--green-2));\n            --_draftFg: light-dark(var(--gray-1), var(--gray-10));\n            --_draftBg: light-dark(var(--yellow-6), var(--yellow-2));\n\n            appearance: none;\n\n            &:has(:hover, focus) {\n              background-color: var(--hoverFocusBg, var(--_hoverFocusBg));\n            }\n\n            &.selected {\n              background-color: var(--selectedBg, var(--_selectedBg));\n              color: var(--selectedFg, var(--_selectedFg));\n            }\n\n            .Title {\n              color: var(--titleFg, var(--_titleFg));\n            }\n\n            &:not(.selected) .Subtitle {\n              color: var(--subtitleFg, var(--_subtitleFg));\n            }\n\n            .Media {\n              aspect-ratio: 1;\n              inline-size: 33px;\n              border-color: var(--gray-8);\n            }\n\n            .DocType {\n              color: var(--docTypeFg, var(--_docTypeFg));\n              background-color: var(--docTypeBg, var(--_docTypeBg));\n            }\n\n            .Published {\n              color: var(--publishedFg, var(--_publishedFg));\n              background-color: var(--publishedBg, var(--_publishedBg));\n            }\n\n            .Draft {\n              color: var(--draftFg, var(--_draftFg));\n              background-color: var(--draftBg, var(--_draftBg));\n            }\n\n            :is(.Published, .Draft) figcaption {\n              @container (width < 52ch) {\n                clip: rect(0 0 0 0);\n                clip-path: inset(50%);\n                height: 1px;\n                overflow: hidden;\n                position: absolute;\n                white-space: nowrap;\n                width: 1px;\n              }\n            }\n\n          }\n        `}</style>\n        <button\n          onClick={onClick}\n          ref={ref as React.Ref<HTMLButtonElement>}\n          className={`DocumentPreviewLayout block si-100 text-start p-1 radius1 ${selected ? 'selected' : ''}`}\n        >\n          <div className=\"container-inline flex align-items-center gap-2 font-sans\">\n            <figure className=\"Media border0 border-solid flex-none flex align-items-center justify-content-center object-cover\">\n              {PreviewMedia}\n            </figure>\n\n            <div className=\"leading2 flex-grow overflow-hidden\">\n              <p className=\"Title text-1 font-medium truncate\">{title}</p>\n              {subtitle && <p className=\"Subtitle text-1 truncate\">{subtitle}</p>}\n            </div>\n\n            {docType && (\n              <figure className=\"DocType inline-block pb-5 pi-3 radius-pill text-2\">\n                <figcaption className=\"inline\">{docType}</figcaption>\n              </figure>\n            )}\n\n            {/* @TODO: finalize UI for this */}\n            {status === 'published' && (\n              <figure className=\"Published inline-block pb-5 pi-3 radius-pill text-2\">\n                ✔︎ <figcaption className=\"inline\">published</figcaption>\n              </figure>\n            )}\n\n            {/* @TODO: finalize UI for this */}\n            {status === 'draft' && (\n              <figure className=\"Draft inline-block pb-5 pi-3 radius-pill text-2\">\n                ⛑︎ <figcaption className=\"inline\">draft</figcaption>\n              </figure>\n            )}\n          </div>\n        </button>\n      </>\n    )\n  },\n)\n\nDocumentPreviewLayout.displayName = 'DocumentPreviewLayout'\n","import {Button, Card, Container, Flex, Heading, Stack} from '@sanity/ui'\nimport {type ReactElement} from 'react'\n\nimport {useAuthState} from '../../hooks/auth/useAuthState'\nimport {useHandleCallback} from '../../hooks/auth/useHandleCallback'\nimport {useLoginUrls} from '../../hooks/auth/useLoginUrls'\n\n/**\n * Component that handles Sanity authentication flow and renders login provider options\n *\n * @public\n *\n * @returns Rendered component\n *\n * @remarks\n * The component handles three states:\n * 1. Loading state during token exchange\n * 2. Success state after successful authentication\n * 3. Provider selection UI when not authenticated\n *\n * @example\n * ```tsx\n * const config = { projectId: 'your-project-id', dataset: 'production' }\n * return <LoginLinks sanityInstance={config} />\n * ```\n */\nexport const LoginLinks = (): ReactElement => {\n  const loginUrls = useLoginUrls()\n  const authState = useAuthState()\n  useHandleCallback()\n\n  if (authState.type === 'logging-in') {\n    return <div>Logging in...</div>\n  }\n\n  // Show success state after authentication\n  if (authState.type === 'logged-in') {\n    return <div>You are logged in</div>\n  }\n\n  /**\n   * Render provider selection UI\n   * Uses Sanity UI components for consistent styling\n   */\n  return (\n    <Card height=\"fill\" overflow=\"auto\" paddingX={4}>\n      <Flex height=\"fill\" direction=\"column\" align=\"center\" justify=\"center\" paddingTop={4}>\n        <Container width={0}>\n          <Stack space={4}>\n            <Heading align=\"center\" size={1}>\n              Choose login provider\n            </Heading>\n\n            <Stack space={2}>\n              {loginUrls.map((provider, index) => (\n                <Button\n                  key={`${provider.url}_${index}`}\n                  as=\"a\"\n                  href={provider.url}\n                  mode=\"ghost\"\n                  tone=\"default\"\n                  space={3}\n                  padding={3}\n                  text={provider.title}\n                />\n              ))}\n            </Stack>\n          </Stack>\n        </Container>\n      </Flex>\n    </Card>\n  )\n}\n"],"names":["StyledFlex","Fragment","Container"],"mappings":";;;;;;;;;;AAWO,MAAM,kBAAkB,MAAM;AAAA,EACnC,YAAY,OAAgB;AAExB,WAAO,SAAU,YACf,SACF,aAAa,SACb,OAAO,MAAM,WAAY,WAEzB,MAAM,MAAM,OAAO,IAEnB,MAAM,GAGR,KAAK,QAAQ;AAAA,EAAA;AAEjB;ACrBA,MAAM,QAAQ;AAAA,EACZ;AAAA,IACE,KAAK;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,EAAA;AAEX,GAEM,aAAa,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAYvB,SAAS,cAA+B;AAE3C,SAAA,qBAAC,MAAK,EAAA,WAAU,UAAS,KAAK,GAAG,SAAQ,UAAS,OAAM,UAAS,YAAY,GAC3E,UAAA;AAAA,IAAA,oBAAC,MAAK,EAAA,MAAM,GACV,UAAA,oBAAC,aAAW,CAAA,GACd;AAAA,IAEC,oBAAA,MAAA,EAAK,OAAM,UAAS,KAAK,GACvB,UAAM,MAAA,IAAI,CAAC,MAAM,UAChB,qBAAC,UACC,EAAA,UAAA;AAAA,MAAA,oBAAC,cAAW,OAAK,IAAC,MAAM,GACtB,8BAAC,KAAE,EAAA,MAAM,KAAK,KAAK,QAAO,UAAS,KAAI,uBACpC,UAAA,KAAK,MACR,CAAA,GACF;AAAA,MAEC,QAAQ,MAAM,SAAS,KACtB,oBAAC,QAAK,MAAM,GAAG,OAAK,IAAC,UAErB,SAAA,CAAA;AAAA,IAAA,KAVW,KAAK,KAYpB,CACD,EACH,CAAA;AAAA,EAAA,GACF;AAEJ;AC/CA,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA,GAKd,YAAY,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA,GAMvB,aAAa,OAAO,IAAI,KAExB,eAAe,OAAO,IAAI;AAAA;AAAA;AAsCzB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,6BAAU,aAAY,EAAA;AAAA,EACtB;AACF,GAAsC;AACpC,6BACG,MACC,EAAA,UAAA,qBAAC,aAAU,WAAU,UAAS,KAAK,GACjC,UAAA;AAAA,IAAA,oBAAC,YAAW,EAAA,QAAM,IAAC,QAAQ,GAAG,UAAU,GACtC,UAAA,qBAAC,MAAK,EAAA,WAAU,UAAS,KAAK,GAC3B,UAAA;AAAA,MACC,UAAA,oBAAC,QAAK,cAAY,IAAC,UAAU,GAAG,eAAe,GAC5C,UACH,OAAA,CAAA;AAAA,MAGD,YACE,oBAAA,cAAA,EAAa,UAAU,GAAG,WAAU,UAClC,SACH,CAAA;AAAA,IAAA,EAAA,CAEJ,EACF,CAAA;AAAA,IAEC;AAAA,EAAA,EAAA,CACH,EACF,CAAA;AAEJ;ACnFA,MAAM,eAAe,OAAO,IAAI;AAAA;AAAA;AAUzB,SAAS,MAAM,EAAC,QAAQ,UAAwC;AAEnE,SAAA,oBAAC,eAAY,QAAgB,QAC3B,+BAAC,MAAK,EAAA,WAAU,UAAS,KAAK,GAC5B,UAAA;AAAA,IAAA,oBAAC,WAAQ,IAAG,MAAK,MAAM,GAAG,OAAM,UAAS,UAEzC,wBAAA,CAAA;AAAA,IAEA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,8BACG,cAAa,EAAA,OAAM,UAAS,SAAQ,UACnC,UAAC,oBAAA,SAAA,CAAA,CAAQ,EACX,CAAA;AAAA,QAGF,8BAAC,WAAU,CAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,EAAA,CACF,EACF,CAAA;AAEJ;AAEA,SAAS,YAAY;AACnB,QAAM,YAAY,aAAa;AAG7B,SAAA,oBAAC,MAAK,EAAA,WAAU,UAAS,KAAK,GAC3B,UAAU,UAAA,IAAI,CAAC,EAAC,OAAO,IAAA,MACrB,oBAAA,QAAA,EAAiB,MAAM,OAAO,IAAG,KAAI,MAAM,KAAK,MAAK,QAAA,GAAzC,GAAiD,CAC/D,EACH,CAAA;AAEJ;AClDA,MAAMA,eAAa,OAAO,IAAI;AAAA;AAAA;AAWvB,SAAS,cAAc,EAAC,QAAQ,UAA4C;AACjF,QAAM,iBAAiB,kBAAkB;AAEzC,SAAA,UAAU,MAAM;AACd,UAAM,MAAM,IAAI,IAAI,SAAS,IAAI;AACjC,mBAAe,IAAI,SAAS,CAAC,EAAE,KAAK,CAAC,wBAAwB;AACvD,6BAGF,QAAQ,aAAa,MAAM,IAAI,mBAAmB;AAAA,IAAA,CAErD;AAAA,EAAA,GACA,CAAC,cAAc,CAAC,GAGjB,oBAAC,eAAY,QAAgB,QAC3B,UAAC,qBAAAA,cAAA,EAAW,WAAU,UAAS,SAAQ,UAAS,OAAM,UAAS,KAAK,GAClE,UAAA;AAAA,IAAC,oBAAA,MAAA,EAAK,MAAM,GAAG,UAAe,wBAAA;AAAA,IAC9B,oBAAC,SAAQ,EAAA,MAAM,EAAG,CAAA;AAAA,EAAA,EAAA,CACpB,EACF,CAAA;AAEJ;AC1BA,MAAM,aAAa,OAAO,IAAI;AAAA;AAAA;AAUvB,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqC;AAC/B,MAAA,EAAE,iBAAiB,WAAkB,OAAA;AACzC,QAAM,SAAS,UAAA,GAET,cAAc,YAAY,YAAY;AACpC,UAAA,UACN,mBAAmB;AAAA,EAAA,GAClB,CAAC,QAAQ,kBAAkB,CAAC;AAG7B,SAAA,oBAAC,eAAY,QAAgB,QAC3B,+BAAC,YAAW,EAAA,WAAU,UAAS,KAAK,GAClC,UAAA;AAAA,IAAA,qBAAC,MAAK,EAAA,WAAU,UAAS,KAAK,GAC5B,UAAA;AAAA,MAAC,oBAAA,MAAA,EAAK,IAAG,MAAK,OAAM,UAAS,QAAO,QAAO,MAAM,GAAG,UAEpD,uBAAA,CAAA;AAAA,0BACC,MAAK,EAAA,MAAM,GAAG,OAAM,UAAS,UAE9B,+DAAA,CAAA;AAAA,IAAA,GACF;AAAA,wBACC,QAAO,EAAA,MAAK,SAAQ,MAAK,WAAU,SAAS,YAAa,CAAA;AAAA,EAAA,EAAA,CAC5D,EACF,CAAA;AAEJ;ACGO,SAAS,aAAa;AAAA,EAC3B,sBAAsB;AAAA,EACtB,GAAG;AACL,GAAuC;AAC/B,QAAA,EAAC,QAAQ,WAAU,OACnB,oBAAoB,QAAQ,MACzB,SAAuC,eAA8B;AAC1E,WAAQ,oBAAA,qBAAA,EAAqB,GAAG,eAAe,QAAgB,QAAgB;AAAA,EAEhF,GAAA,CAAC,QAAQ,QAAQ,mBAAmB,CAAC;AAExC,6BACG,eAAc,EAAA,mBACb,8BAAC,YAAY,EAAA,GAAG,MAAO,CAAA,GACzB;AAEJ;AAOA,SAAS,WAAW;AAAA,EAClB,iBAAiB;AAAA,EACjB,oBAAoB;AAAA,EACpB;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,QAAM,YAAY,aAAa;AAE/B,UAAQ,UAAU,MAAM;AAAA,IACtB,KAAK,cAAc;AACX,YAAA,IAAI,UAAU,UAAU,KAAK;AAAA,IAErC,KAAK,cAAc;AACV,aAAA,oBAAC,mBAAmB,EAAA,GAAG,MAAO,CAAA;AAAA,IAEvC,KAAK,cAAc;AACV,aAAA;AAAA,IAET;AACS,aAAA,oBAAC,gBAAgB,EAAA,GAAG,MAAO,CAAA;AAAA,EAAA;AAGxC;AC9Fa,MAAA,qBAAqB,CAAC,UAG7B,qBAAAC,YAAA,EAAA,UAAA;AAAA,EAAA,oBAAC,SAAO,EAAA,UAAA;AAAA;AAAA;AAAA;AAAA,SAIN;AAAA,EACD,oBAAA,MAAA,EAAG,WAAU,qCAAqC,gBAAM,SAAS,CAAA;AAAA,EACpE,CAAA;AAIJ,mBAAmB,cAAc;ACbpB,MAAA,qBAAqB,CAAC,UAC1B,oBAAC,QAAG,WAAU,gCAAgC,gBAAM,SAAS,CAAA;AAGtE,mBAAmB,cAAc;ACgB1B,MAAM,wBAAwB;AAAA,EACnC,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,SAAS;AAAA,IACT,WAAW;AAAA,IACX;AAAA,KAEF,QACgB;AAEhB,QAAI,CAAC;AACH,aAAS,oBAAAA,YAAA,EAAA;AAGP,QAAA;AAEJ,QAAI,OAAO,KAAK;AACd,YAAM,UAAU,IAAI,IAAI,MAAM,GAAG;AACjC,cAAQ,aAAa,IAAI,KAAK,IAAI,GAClC,QAAQ,aAAa,IAAI,KAAK,IAAI,GAClC,QAAQ,aAAa,IAAI,OAAO,MAAM;AAChC,YAAA,WAAW,QAAQ,SAAS;AAElC,qBAAgB,oBAAA,OAAA,EAAI,KAAK,UAAU,KAAI,IAAG;AAAA,IAC5C;AACE,yCAAgB,cAAa,EAAA;AAG/B,WAEI,qBAAAA,YAAA,EAAA,UAAA;AAAA,MAAA,oBAAC,SAAO,EAAA,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAmEN;AAAA,MACF;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,WAAW,6DAA6D,WAAW,aAAa,EAAE;AAAA,UAElG,UAAA,qBAAC,OAAI,EAAA,WAAU,4DACb,UAAA;AAAA,YAAC,oBAAA,UAAA,EAAO,WAAU,oGACf,UACH,cAAA;AAAA,YAEA,qBAAC,OAAI,EAAA,WAAU,sCACb,UAAA;AAAA,cAAC,oBAAA,KAAA,EAAE,WAAU,qCAAqC,UAAM,OAAA;AAAA,cACvD,YAAY,oBAAC,KAAE,EAAA,WAAU,4BAA4B,UAAS,SAAA,CAAA;AAAA,YAAA,GACjE;AAAA,YAEC,WACE,oBAAA,UAAA,EAAO,WAAU,qDAChB,8BAAC,cAAW,EAAA,WAAU,UAAU,UAAA,QAAA,CAAQ,EAC1C,CAAA;AAAA,YAID,WAAW,eACT,qBAAA,UAAA,EAAO,WAAU,uDAAsD,UAAA;AAAA,cAAA;AAAA,cAClE,oBAAA,cAAA,EAAW,WAAU,UAAS,UAAS,YAAA,CAAA;AAAA,YAAA,GAC7C;AAAA,YAID,WAAW,WACT,qBAAA,UAAA,EAAO,WAAU,mDAAkD,UAAA;AAAA,cAAA;AAAA,cAC9D,oBAAA,cAAA,EAAW,WAAU,UAAS,UAAK,QAAA,CAAA;AAAA,YAAA,EACzC,CAAA;AAAA,UAAA,EAEJ,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,GACF;AAAA,EAAA;AAGN;AAEA,sBAAsB,cAAc;AChJ7B,MAAM,aAAa,MAAoB;AAC5C,QAAM,YAAY,gBACZ,YAAY,aAAa;AAG/B,SAFA,kBAEI,GAAA,UAAU,SAAS,eACd,oBAAC,SAAI,UAAa,iBAAA,IAIvB,UAAU,SAAS,kCACb,OAAI,EAAA,UAAA,oBAAA,CAAiB,IAQ5B,oBAAA,MAAA,EAAK,QAAO,QAAO,UAAS,QAAO,UAAU,GAC5C,8BAAC,MAAK,EAAA,QAAO,QAAO,WAAU,UAAS,OAAM,UAAS,SAAQ,UAAS,YAAY,GACjF,8BAACC,aAAU,EAAA,OAAO,GAChB,UAAC,qBAAA,OAAA,EAAM,OAAO,GACZ,UAAA;AAAA,IAAA,oBAAC,SAAQ,EAAA,OAAM,UAAS,MAAM,GAAG,UAEjC,yBAAA;AAAA,IAEA,oBAAC,SAAM,OAAO,GACX,oBAAU,IAAI,CAAC,UAAU,UACxB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,IAAG;AAAA,QACH,MAAM,SAAS;AAAA,QACf,MAAK;AAAA,QACL,MAAK;AAAA,QACL,OAAO;AAAA,QACP,SAAS;AAAA,QACT,MAAM,SAAS;AAAA,MAAA;AAAA,MAPV,GAAG,SAAS,GAAG,IAAI,KAAK;AAAA,IAAA,CAShC,EACH,CAAA;AAAA,EAAA,GACF,EAAA,CACF,EACF,CAAA,GACF;AAEJ;"}