@atom-learning/components 6.0.0-beta.5 → 6.0.0-beta.7

package/dist/src/components/image/Image.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { Override } from '~/utilities/types';
+export declare const StyledImage: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & {
+    ref?: ((instance: HTMLImageElement | null) => void) | React.RefObject<HTMLImageElement> | null | undefined;
+} & {
+    fluid?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLImageElement>>;
+type ImageProps = Override<React.ComponentPropsWithoutRef<typeof StyledImage>, {
+    as?: never;
+}>;
+export declare const Image: {
+    (props: ImageProps): React.JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/{components → src/components}/inline-message/InlineMessage.config.d.ts

@@ -1,5 +1,3 @@
 import * as React from 'react';
-import type { CSS } from '../../stitches';
 import { InlineMessageTheme } from './InlineMessage.types';
-export declare const INLINE_MESSAGE_THEMES: Record<InlineMessageTheme, CSS>;
 export declare const INLINE_MESSAGE_ICONS: Record<InlineMessageTheme, React.FC<React.SVGProps<SVGSVGElement>>>;

package/dist/src/components/inline-message/InlineMessage.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+declare const InlineMessageContainer: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+} & {
+    direction?: ("row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">>) | undefined;
+    wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
+    justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
+    align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
+    gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLDivElement> & {
+    theme?: ("warning" | "error" | "success" | "info" | "neutral" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "warning" | "error" | "success" | "info" | "neutral">>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type TInlineMessageProps = React.ComponentProps<typeof InlineMessageContainer> & {
+    showIcon?: boolean;
+    size?: 'xs' | 'sm' | 'md';
+};
+export declare const InlineMessage: ({ className, showIcon, theme, size, children, ...rest }: TInlineMessageProps) => React.JSX.Element;
+export {};

package/dist/src/components/input/Input.d.ts

@@ -0,0 +1,54 @@
+import * as React from 'react';
+import { Text } from '../text';
+export declare const InputBackground: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+} & {
+    direction?: ("row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">>) | undefined;
+    wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
+    justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
+    align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
+    gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLDivElement> & {
+    appearance?: ("standard" | "modern" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "standard" | "modern">>) | undefined;
+    size?: ("sm" | "md" | "lg" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xl">>) | undefined;
+    disabled?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+    state?: ("error" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "error">>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const StyledInputText: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
+} & {
+    weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
+    family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
+    size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
+    noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLParagraphElement>, "as"> & {
+    as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLParagraphElement> & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export type InputTextProps = Omit<React.ComponentProps<typeof StyledInputText>, 'size' | 'type' | 'as'> & {
+    size: React.ComponentProps<typeof Text>['size'];
+    type?: 'text' | 'number' | 'email' | 'password' | 'tel' | 'url' | 'search';
+    as?: never;
+    disabled?: boolean;
+} & Pick<React.InputHTMLAttributes<HTMLInputElement>, 'disabled' | 'type' | 'inputMode' | 'pattern' | 'readOnly' | 'value' | 'onChange' | 'autoComplete'>;
+export declare const InputText: React.ForwardRefExoticComponent<Omit<InputTextProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+type InputBackgroundProps = React.ComponentProps<typeof InputBackground>;
+export type InputProps = Omit<React.ComponentProps<typeof InputText>, 'size' | 'state' | 'appearance'> & {
+    size?: InputBackgroundProps['size'];
+    state?: InputBackgroundProps['state'];
+    appearance?: InputBackgroundProps['appearance'];
+    disabled?: boolean;
+    name?: string;
+    readOnly?: boolean;
+    value?: string | number;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+};
+export declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export {};

package/dist/src/components/input-field/InputField.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { FieldElementWrapperProps } from '../../../components/field-wrapper';
+import { InputProps } from '../../../components/input';
+type InputFieldProps = InputProps & FieldElementWrapperProps;
+export declare const InputField: {
+    ({ className, label, name, validation, prompt, description, hideLabel, appearance, ...remainingProps }: InputFieldProps): React.JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/components/keyboard-shortcut/KeyboardShortcut.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+type KeyboardEventWindowOrElement = KeyboardEvent | React.KeyboardEvent<HTMLDivElement>;
+type ShortcutConfig = Partial<KeyboardEvent>;
+export declare const KeyboardShortcut: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+    config: {
+        shortcut: ShortcutConfig;
+        action: ({ event, shortcut }: {
+            event: KeyboardEvent | React.KeyboardEvent<HTMLDivElement>;
+            shortcut: ShortcutConfig;
+        }) => void;
+    }[];
+    targetWindow?: boolean;
+    onKeyDown?: (e: KeyboardEventWindowOrElement) => void;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const StyledKeyboardShortcutIndicator: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
+} & {
+    weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
+    family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
+    size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
+    noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLParagraphElement>, "as"> & {
+    as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLParagraphElement> & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+type KeyboardShortcutIndicatorProps = React.ComponentProps<typeof StyledKeyboardShortcutIndicator>;
+export declare const KeyboardShortcutIndicator: {
+    (props: KeyboardShortcutIndicatorProps): React.JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/components/keyboard-shortcut/index.d.ts

@@ -0,0 +1,30 @@
+export declare const KeyboardShortcut: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+    config: {
+        shortcut: Partial<KeyboardEvent>;
+        action: ({ event, shortcut }: {
+            event: KeyboardEvent | React.KeyboardEvent<HTMLDivElement>;
+            shortcut: Partial<KeyboardEvent>;
+        }) => void;
+    }[];
+    targetWindow?: boolean;
+    onKeyDown?: (e: import("react").KeyboardEvent<HTMLDivElement> | KeyboardEvent) => void;
+} & import("react").RefAttributes<HTMLDivElement>> & {
+    Indicator: {
+        (props: Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+            ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
+        } & {
+            weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
+            family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
+            size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
+            noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+        } & {
+            as?: import("react").ElementType;
+        }, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, "as"> & {
+            as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
+        }, "ref"> & import("react").RefAttributes<HTMLParagraphElement> & {
+            as?: import("react").ElementType;
+        }, "ref"> & import("react").RefAttributes<HTMLParagraphElement>): import("react").JSX.Element;
+        displayName: string;
+    };
+};

package/dist/src/components/label/Label.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import type { Override } from '~/utilities/types';
+declare const StyledLabel: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+    ref?: ((instance: HTMLLabelElement | null) => void) | React.RefObject<HTMLLabelElement> | null | undefined;
+} & {
+    size?: ("sm" | "md" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md">>) | undefined;
+    type?: ("inline" | "block" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "inline" | "block">>) | undefined;
+    align?: ("start" | "center" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "start" | "center">>) | undefined;
+    direction?: ("reverse" | "row" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "reverse" | "row">>) | undefined;
+    appearance?: ("standard" | "modern" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "standard" | "modern">>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+export type LabelProps = Override<React.ComponentPropsWithoutRef<typeof StyledLabel>, {
+    as?: 'label' | 'legend';
+    required?: boolean;
+}>;
+export declare const Label: {
+    ({ align, as, direction, size, type, children, required, ...rest }: LabelProps): React.JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/components/link/Link.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { NavigatorActions } from '~/types';
+import { Override } from '../../../utilities';
+export declare const StyledLink: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    ref?: ((instance: HTMLAnchorElement | null) => void) | React.RefObject<HTMLAnchorElement> | null | undefined;
+} & {
+    size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
+    noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+type LinkProps = Override<React.ComponentProps<typeof StyledLink>, {
+    as?: React.ComponentType | React.ElementType;
+} & NavigatorActions & {
+    disabled?: boolean;
+}>;
+export declare const Link: React.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export {};

package/dist/src/components/list/List.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+export declare const StyledLi: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void) | React.RefObject<HTMLLIElement> | null | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLLIElement>>;
+export declare const StyledList: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
+    ref?: ((instance: HTMLUListElement | null) => void) | React.RefObject<HTMLUListElement> | null | undefined;
+} & {
+    ordered?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+    theme?: ("primary" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "primary">>) | undefined;
+    size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
+    noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLUListElement>>;
+type ListProps = React.ComponentProps<typeof StyledList> & {
+    ordered?: boolean;
+};
+type ListType = ReturnType<typeof React.forwardRef<HTMLUListElement, ListProps>> & {
+    Item: typeof StyledLi;
+};
+export declare const List: ListType;
+export {};

package/dist/src/components/loader/Loader.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+type LoaderProps = {
+    message?: string;
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+};
+export declare const Loader: ({ className, message, size, ...props }: LoaderProps) => React.JSX.Element;
+export {};

package/dist/src/components/markdown-content/MarkdownContent.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+type HandleNode = (node: any) => JSX.Element | null;
+declare const StyledMarkdownContent: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+} & {
+    direction?: ("row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">>) | undefined;
+    wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
+    justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
+    align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
+    gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLDivElement> & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type MarkdownContentProps = React.ComponentProps<typeof StyledMarkdownContent> & {
+    content: string;
+    customComponents?: {
+        [key: string]: (props: {
+            node: any;
+            handleNode: HandleNode;
+        }) => JSX.Element;
+    };
+};
+export declare const MarkdownContent: {
+    ({ content, customComponents, className }: MarkdownContentProps): React.JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/components/markdown-content/components/MarkdownEmphasis.d.ts

@@ -0,0 +1,13 @@
+import type { Content, Emphasis } from 'mdast';
+import * as React from 'react';
+type MarkdownEmphasisProps = {
+    node: Emphasis;
+    handleNode: (node: Content) => React.ReactElement;
+};
+export declare const StyledMarkdownEmphasis: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    ref?: ((instance: HTMLElement | null) => void) | React.RefObject<HTMLElement> | null | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLElement>>;
+export declare const MarkdownEmphasis: ({ node, handleNode }: MarkdownEmphasisProps) => React.JSX.Element;
+export {};

package/dist/src/components/markdown-content/components/MarkdownImage.d.ts

@@ -0,0 +1,8 @@
+import type { Image as ImageType } from 'mdast';
+import * as React from 'react';
+type MarkdownImageProps = {
+    node: ImageType;
+    className?: string;
+};
+export declare const MarkdownImage: ({ node, className }: MarkdownImageProps) => React.JSX.Element;
+export {};

package/dist/{components → src/components}/markdown-content/components/MarkdownList.d.ts

@@ -1,10 +1,9 @@
 import type { Content, List as ListType } from 'mdast';
 import * as React from 'react';
-import { CSS } from '../../../stitches';
 type MarkdownListProps = {
     node: ListType;
     handleNode: (node: Content) => React.ReactElement;
-    css?: CSS;
+    className?: string;
 };
-export declare const MarkdownList: ({ node, handleNode, css }: MarkdownListProps) => React.JSX.Element;
+export declare const MarkdownList: ({ node, handleNode, className }: MarkdownListProps) => React.JSX.Element;
 export {};

package/dist/src/components/markdown-content/components/MarkdownThematicBreak.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+type MarkdownThematicBreakProps = {
+    className?: string;
+};
+export declare const MarkdownThematicBreak: ({ className }: MarkdownThematicBreakProps) => React.JSX.Element;
+export {};

package/dist/src/components/navigation/NavigationMenu.colorscheme.config.d.ts

@@ -0,0 +1,21 @@
+export declare const colorSchemes: {
+    light: {
+        '--text': string;
+        '--text-hover': string;
+        '--text-active': string;
+        '--text-selected': string;
+        '--text-selected-hover': string;
+        '--text-selected-pressed': string;
+        '--text-selected-focus': string;
+        '--background': string;
+        '--background-hover': string;
+        '--background-active': string;
+        '--background-selected': string;
+        '--background-selected-hover': string;
+        '--background-selected-pressed': string;
+        '--item-text-selected': string;
+        '--item-background-selected': string;
+        '--trigger-background-open': string;
+        '--dropdown-background': string;
+    };
+};

package/dist/src/components/navigation/NavigationMenu.d.ts

@@ -0,0 +1,68 @@
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import React from 'react';
+declare const StyledMenu: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement> & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLElement>>;
+export declare const NavigationMenu: {
+    ({ children, className, ...props }: React.ComponentProps<typeof StyledMenu>): React.JSX.Element;
+    displayName: string;
+} & {
+    Link: React.ForwardRefExoticComponent<Omit<Omit<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement> & {
+        elementType?: ("link" | "dropdownItem" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "link" | "dropdownItem">>) | undefined;
+    } & {
+        as?: React.ElementType;
+    }, "ref"> & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
+        disabled?: boolean;
+        variant?: React.ComponentProps<React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement> & {
+            elementType?: ("link" | "dropdownItem" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "link" | "dropdownItem">>) | undefined;
+        } & {
+            as?: React.ElementType;
+        }, "ref"> & React.RefAttributes<HTMLAnchorElement>>>["elementType"];
+    }, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+    Dropdown: {
+        ({ children, id, ...props }: {
+            active?: boolean;
+            className?: string;
+            id: string;
+        } & React.HTMLProps<HTMLButtonElement>): React.JSX.Element;
+        displayName: string;
+    };
+    DropdownContent: {
+        ({ children, ...rest }: Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement> & {
+            as?: React.ElementType;
+        }, "ref"> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+        displayName: string;
+    };
+    DropdownItem: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Omit<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement> & {
+        elementType?: ("link" | "dropdownItem" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "link" | "dropdownItem">>) | undefined;
+    } & {
+        as?: React.ElementType;
+    }, "ref"> & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
+        disabled?: boolean;
+        variant?: React.ComponentProps<React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement> & {
+            elementType?: ("link" | "dropdownItem" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "link" | "dropdownItem">>) | undefined;
+        } & {
+            as?: React.ElementType;
+        }, "ref"> & React.RefAttributes<HTMLAnchorElement>>>["elementType"];
+    }, "ref"> & React.RefAttributes<HTMLAnchorElement>>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+    DropdownItemTitle: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+        ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
+    } & {
+        weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
+        family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
+        size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
+        noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+    } & {
+        as?: React.ElementType;
+    }, "ref"> & React.RefAttributes<HTMLParagraphElement>, "as"> & {
+        as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
+    }, "ref"> & React.RefAttributes<HTMLParagraphElement> & {
+        as?: React.ElementType;
+    }, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+    DropdownTrigger: React.ForwardRefExoticComponent<Omit<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement> & {
+        active?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+    } & {
+        as?: React.ElementType;
+    }, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+};
+export {};

package/dist/src/components/navigation/NavigationMenu.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const navigationMenuBaseItemStyles: string[];
+export declare const navigationMenuActiveItemStyles: string[];

package/dist/{components → src/components}/navigation/NavigationMenuDropdown.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
-import { CSS } from '../../stitches';
 type NavigationMenuDropdownProps = {
     active?: boolean;
-    css?: CSS;
+    className?: string;
     id: string;
 } & React.HTMLProps<HTMLButtonElement>;
 export declare const NavigationMenuDropdown: {

package/dist/src/components/navigation/NavigationMenuDropdownContent.d.ts

@@ -0,0 +1,11 @@
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import React from 'react';
+declare const StyledContent: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement> & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type NavigationMenuDropdownContentProps = React.ComponentProps<typeof StyledContent>;
+export declare const NavigationMenuDropdownContent: {
+    ({ children, ...rest }: NavigationMenuDropdownContentProps): React.JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/components/navigation/NavigationMenuDropdownItem.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+export declare const NavigationMenuDropdownItem: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Omit<Omit<import("@radix-ui/react-navigation-menu").NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement> & {
+    elementType?: ("link" | "dropdownItem" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "link" | "dropdownItem">>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
+    disabled?: boolean;
+    variant?: React.ComponentProps<React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-navigation-menu").NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement> & {
+        elementType?: ("link" | "dropdownItem" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "link" | "dropdownItem">>) | undefined;
+    } & {
+        as?: React.ElementType;
+    }, "ref"> & React.RefAttributes<HTMLAnchorElement>>>["elementType"];
+}, "ref"> & React.RefAttributes<HTMLAnchorElement>>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export declare const NavigationMenuDropdownItemTitle: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
+} & {
+    weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
+    family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
+    size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
+    noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLParagraphElement>, "as"> & {
+    as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLParagraphElement> & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLParagraphElement>>;

package/dist/src/components/navigation/NavigationMenuDropdownTrigger.d.ts

@@ -0,0 +1,7 @@
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import React from 'react';
+export declare const NavigationMenuDropdownTrigger: React.ForwardRefExoticComponent<Omit<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement> & {
+    active?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/src/components/navigation/NavigationMenuLink.d.ts

@@ -0,0 +1,16 @@
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import React from 'react';
+declare const StyledLink: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement> & {
+    elementType?: ("link" | "dropdownItem" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "link" | "dropdownItem">>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export declare const NavigationMenuLink: React.ForwardRefExoticComponent<Omit<Omit<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement> & {
+    elementType?: ("link" | "dropdownItem" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "link" | "dropdownItem">>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLAnchorElement>, "elementType"> & {
+    disabled?: boolean;
+    variant?: React.ComponentProps<typeof StyledLink>["elementType"];
+}, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export {};

package/dist/src/components/navigation-menu-vertical/NavigationMenuVertical.colorscheme.config.d.ts

@@ -0,0 +1,10 @@
+export declare const colorSchemes: {
+    light: {
+        '--text': string;
+        '--background': string;
+        '--background-hover': string;
+        '--background-active': string;
+        '--text-selected': string;
+        '--background-selected': string;
+    };
+};