@indietabletop/appkit 6.1.5 → 7.0.0-0

package/dist/AppConfig/AppConfig.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+import { IndieTabletopClient } from '../client.ts';
+import { AppHrefs } from '../hrefs.ts';
+export type AppConfig = {
+    app: {
+        /**
+         * The app's name, e.g. Space Gits. Do not include the word App in this
+         * title -- it will be added automatically in places where it's needed.
+         */
+        name: string;
+        /**
+         * The URL to the app's icon. This should be a maskable-style icon. In
+         * other words, it should not include its own transparency.
+         */
+        icon: string;
+    };
+    isDev: boolean;
+    client: IndieTabletopClient;
+    hrefs: AppHrefs;
+    placeholders: {
+        email: string;
+    };
+};
+export declare function AppConfigProvider(props: {
+    config: AppConfig;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useAppConfig(): AppConfig;
+export declare function useClient(): IndieTabletopClient;

package/dist/AuthCard/AuthCard.d.ts

@@ -0,0 +1,10 @@
+import { CurrentUser } from '../types.ts';
+/**
+ * Small, ITC-branded card that shows authentication status.
+ *
+ * Primarily intended to be used within the sidenav.
+ */
+export declare function AuthCard(props: {
+    onLogout: () => void;
+    currentUser: CurrentUser | null;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/AuthCard/AuthCard.stories.d.ts

@@ -0,0 +1,34 @@
+/**
+ * The default case where elements are correctly separated with middots.
+ */
+export declare const Authenticated: import('@storybook/react').ReactStory<import('@storybook/react').ReactTypes & import('@storybook/addon-docs').DocsTypes & {
+    csf4: true;
+} & {
+    args: {
+        onLogout: () => void;
+        currentUser: import('../types.ts').CurrentUser | null;
+    };
+}, {
+    args: {
+        currentUser: {
+            id: string;
+            email: string;
+            isVerified: true;
+        };
+    };
+}>;
+/**
+ * The default case in which all steps of the flow succeed.
+ */
+export declare const Anonymous: import('@storybook/react').ReactStory<import('@storybook/react').ReactTypes & import('@storybook/addon-docs').DocsTypes & {
+    csf4: true;
+} & {
+    args: {
+        onLogout: () => void;
+        currentUser: import('../types.ts').CurrentUser | null;
+    };
+}, {
+    args: {
+        currentUser: null;
+    };
+}>;

package/dist/AuthCard/style.css.d.ts

@@ -0,0 +1,23 @@
+export declare const card: {
+    container: import('@vanilla-extract/recipes').RuntimeFn<{
+        align: {
+            center: {
+                textAlign: "center";
+            };
+            start: {
+                textAlign: "start";
+            };
+        };
+    }>;
+    logo: import('@vanilla-extract/recipes').RuntimeFn<{
+        align: {
+            center: {
+                marginInline: "auto";
+            };
+            start: {
+                marginInline: "0";
+            };
+        };
+    }>;
+    loggedInAction: string;
+};

package/dist/DialogTrigger/index.d.ts

@@ -0,0 +1,13 @@
+import { ReactElement } from 'react';
+/**
+ * Wraps AriaKit's DialogProvider, but takes a tuple of Dialog a DialogDisclosure
+ * elements as children, and makes sure that the Dialog component is not
+ * rendered when it is hidden.
+ *
+ * This is important in cases where the dialog contains a form that should only
+ * be initialized and re-initialized when the dialog opens, not when it is first
+ * rendered.
+ */
+export declare function DialogTrigger(props: {
+    children: [ReactElement, ReactElement];
+}): import("react/jsx-runtime").JSX.Element;

package/dist/DocumentTitle/DocumentTitle.d.ts

@@ -0,0 +1,3 @@
+export declare function DocumentTitle(props: {
+    children: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/EnumMapper.d.ts

@@ -0,0 +1,25 @@
+type InputValues<K extends string | number, V> = Record<K, V> | Array<[K, V]>;
+/**
+ * Handles mapping enums to arbitrary values.
+ */
+export declare class EnumMapper<K extends string | number, V> {
+    private map;
+    private fallback;
+    constructor(values: InputValues<K, V>, fallback: V);
+    /**
+     * Returns a value corresponding to the provided key.
+     *
+     * If no match is found, returns the fallback value provided in the constructor.
+     *
+     * Note that TypeScript will make sure that we only ever use the right types
+     * as the enum param, but it can still happen at runtime that different
+     * values are provided.
+     */
+    get(key: K | undefined): V;
+    /**
+     * All enums known by this mapper.
+     */
+    get enums(): K[];
+    static from<K extends string>(values: InputValues<K, string>): EnumMapper<K, string>;
+}
+export {};

package/dist/ExternalLink.d.ts

@@ -0,0 +1,3 @@
+import { AnchorHTMLAttributes } from 'react';
+export type ExternalLinkProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "rel" | "target">;
+export declare function ExternalLink(props: ExternalLinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/FullscreenDismissBlocker.d.ts

@@ -0,0 +1,5 @@
+/**
+ * This component prevents the default MacOS behaviour where a fullscreen window
+ * gets minimized by pressing Escape.
+ */
+export declare function FullscreenDismissBlocker(): null;

package/{lib/HistoryState.ts → dist/HistoryState.d.ts}

@@ -7,15 +7,12 @@
  * @see https://www.typescriptlang.org/docs/handbook/declaration-merging.html
  */
 export interface HistoryState {
-  emailValue?: string;
+    emailValue?: string;
 }
-
 /**
  * Get's window history state with correct typings.
  *
  * Note that this is not a reactive value. It will not trigger re-renders if
  * it is changed.
  */
-export function getHistoryState() {
-  return window.history.state as HistoryState | null;
-}
+export declare function getHistoryState(): HistoryState | null;

package/dist/IndieTabletopClubLogo.d.ts

@@ -0,0 +1,7 @@
+import { SVGAttributes } from 'react';
+type IndieTabletopClubLogoProps = Omit<SVGAttributes<SVGElement>, "width" | "height" | "viewBox"> & {
+    textColor?: string;
+    symbolColor?: string;
+};
+export declare function IndieTabletopClubLogo(props: IndieTabletopClubLogoProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/IndieTabletopClubSymbol.d.ts

@@ -0,0 +1,7 @@
+import { SVGAttributes } from 'react';
+type IndieTabletopClubSymbolProps = Omit<SVGAttributes<SVGElement>, "width" | "height" | "viewBox"> & {
+    backgroundColor?: string;
+    symbolColor?: string;
+};
+export declare function IndieTabletopClubSymbol(props: IndieTabletopClubSymbolProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/InfoPage/index.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export declare function InfoPage(props: {
+    heading: string;
+    description: ReactNode;
+    action?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function LoadingPage(): import("react/jsx-runtime").JSX.Element;
+export declare function LoadingView(): import("react/jsx-runtime").JSX.Element;

package/dist/InfoPage/pages.d.ts

@@ -0,0 +1,2 @@
+export declare function NotFoundPage(): import("react/jsx-runtime").JSX.Element;
+export declare function ClientSideErrorPage(): import("react/jsx-runtime").JSX.Element;

package/dist/InfoPage/style.css.d.ts

@@ -0,0 +1,5 @@
+export declare const page: string;
+export declare const heading: string;
+export declare const description: string;
+export declare const loadingPage: string;
+export declare const loadingView: string;

package/dist/Letterhead/index.d.ts

@@ -0,0 +1,19 @@
+import { HeadingProps } from '@ariakit/react';
+import { RecipeVariants } from '@vanilla-extract/recipes';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { FormSubmitButtonProps } from '../form/FormSubmitButton.tsx';
+import * as css from "./style.css.ts";
+export type LetterheadHeadingProps = RecipeVariants<typeof css.heading> & HeadingProps;
+export declare function LetterheadHeading(props: LetterheadHeadingProps): import("react/jsx-runtime").JSX.Element;
+type LetterheadParagraphProps = RecipeVariants<typeof css.paragraph> & ComponentPropsWithoutRef<"p">;
+export declare function LetterheadParagraph(props: LetterheadParagraphProps): import("react/jsx-runtime").JSX.Element;
+type LetterheadFooterProps = ComponentPropsWithoutRef<"div">;
+export declare function LetterheadFooter(props: LetterheadFooterProps): import("react/jsx-runtime").JSX.Element;
+type LetterheadSubmitButton = RecipeVariants<typeof css.button> & Omit<FormSubmitButtonProps, "loading">;
+export declare function LetterheadSubmitButton(props: LetterheadSubmitButton): import("react/jsx-runtime").JSX.Element;
+export type LetterheadProps = RecipeVariants<typeof css.letterhead> & {
+    headerIcon?: ReactNode;
+    children: ReactNode;
+};
+export declare function Letterhead(props: LetterheadProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Letterhead/stories.d.ts

@@ -0,0 +1,13 @@
+export declare const Default: import('@storybook/react').ReactStory<import('@storybook/react').ReactTypes & import('@storybook/addon-docs').DocsTypes & {
+    csf4: true;
+} & {
+    args: {
+        textAlign?: "center" | "end" | "start" | undefined;
+        headerIcon?: import('react').ReactNode;
+        children: import('react').ReactNode;
+    };
+}, {
+    args: {
+        children: import("react/jsx-runtime").JSX.Element;
+    };
+}>;

package/dist/Letterhead/style.css.d.ts

@@ -0,0 +1,46 @@
+export declare const letterheadTheme: string, padding: `var(--${string})`, footerMargin: `var(--${string})`;
+export declare const letterhead: import('@vanilla-extract/recipes').RuntimeFn<{
+    textAlign: {
+        start: string;
+        center: string;
+        end: string;
+    };
+}>;
+export declare const letterheadSymbol: string;
+export declare const heading: import('@vanilla-extract/recipes').RuntimeFn<{
+    align: {
+        start: string;
+        center: string;
+        end: string;
+    };
+    margin: {
+        letterhead: {
+            marginBlockEnd: `min(calc(var(--${string}) / 2), 1.5rem)`;
+        };
+    };
+}>;
+export declare const paragraph: import('@vanilla-extract/recipes').RuntimeFn<{
+    size: {
+        small: {
+            fontSize: "0.875rem";
+        };
+        default: {
+            fontSize: "1rem";
+        };
+    };
+    align: {
+        start: string;
+        center: string;
+        end: string;
+    };
+}>;
+export declare const button: import('@vanilla-extract/recipes').RuntimeFn<{
+    marginBlockStart: {
+        footerMargin: {
+            marginBlockStart: `calc(var(--${string}) - 0.5rem)`;
+        };
+    };
+}>;
+export declare const letterheadFooter: string;
+export declare const letterheadFooterLogo: string;
+export declare const letterheadFooterInfo: string;

package/dist/LetterheadForm/LetterheadReadonlyTextField.stories.d.ts

@@ -0,0 +1,17 @@
+export declare const Default: import('@storybook/react').ReactStory<import('@storybook/react').ReactTypes & import('@storybook/addon-docs').DocsTypes & {
+    csf4: true;
+} & {
+    args: {
+        label: string;
+        value: string;
+        placeholder?: string | undefined;
+        hint?: import('react').ReactNode;
+        type?: "text" | "email" | "password" | undefined;
+    };
+}, {
+    args: {
+        label: string;
+        value: string;
+        placeholder: string;
+    };
+}>;

package/dist/LetterheadForm/LetterheadSubmitError.stories.d.ts

@@ -0,0 +1,11 @@
+export declare const Default: import('@storybook/react').ReactStory<import('@storybook/react').ReactTypes & import('@storybook/addon-docs').DocsTypes & {
+    csf4: true;
+} & {
+    args: {
+        name: string;
+    };
+}, {
+    args: {
+        name: string;
+    };
+}>;