@inklu/docs 0.2.0

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# @inklu/docs
+
+## 0.2.0
+
+### Minor Changes
+
+- initial publish of the docs, with needed features built

package/components.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "base-mira",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/styles.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "iconLibrary": "radix",
+  "rtl": true,
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "menuColor": "default",
+  "menuAccent": "subtle",
+  "registries": {}
+}

package/dist/index.d.mts

@@ -0,0 +1,271 @@
+import * as React$1 from 'react';
+import React__default, { ReactNode, ComponentProps } from 'react';
+import { ThemeProvider as ThemeProvider$1 } from 'next-themes';
+import { Variants, Transition, HTMLMotionProps } from 'motion/react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { useRender } from '@base-ui/react/use-render';
+import { VariantProps } from 'class-variance-authority';
+import { useRender as useRender$1 } from '@base-ui/react';
+import { Separator as Separator$1 } from '@base-ui/react/separator';
+export { DirectionProvider, useDirection } from '@base-ui/react/direction-provider';
+import { PreviewCard } from '@base-ui/react/preview-card';
+import { Toast } from '@base-ui/react/toast';
+export { Toast as ToastPrimitive } from '@base-ui/react/toast';
+import { Tooltip as Tooltip$1 } from '@base-ui/react/tooltip';
+
+declare function ChangelogContent(): React$1.JSX.Element;
+
+interface CodeBlockProps {
+    html: string;
+    code: string;
+    className?: string;
+}
+declare function CodeBlock({ html, code, className }: CodeBlockProps): React$1.JSX.Element;
+
+declare function DocsCol({ children }: {
+    children: ReactNode;
+}): React$1.JSX.Element;
+declare function DocsFrame({ children }: {
+    children: ReactNode;
+}): React$1.JSX.Element;
+declare function DocsHeader({ title, date, children, }: {
+    title: string;
+    date: string;
+    children?: ReactNode;
+}): React$1.JSX.Element;
+declare function DocsOverview({ children }: {
+    children: ReactNode;
+}): React$1.JSX.Element;
+declare function DocsSection({ id, title, children, }: {
+    id: string;
+    title?: string;
+    children: ReactNode;
+}): React$1.JSX.Element;
+declare function DocsInstallation({ install, }: {
+    install: {
+        id: string;
+        command: string;
+    }[];
+}): React$1.JSX.Element;
+declare function DocsCode({ code, html }: {
+    code: string;
+    html: string;
+}): React$1.JSX.Element;
+
+type DocsLayoutProps = {
+    children: React$1.ReactNode;
+    links: {
+        group: string;
+        items: {
+            title: string;
+            url: string;
+            isAnchor: boolean;
+        }[];
+    }[];
+    indexUrl?: string;
+    indexLabel?: string;
+    header?: React$1.ReactNode;
+};
+declare function DocsLayout({ children, links, indexUrl, indexLabel, header, }: DocsLayoutProps): React$1.JSX.Element;
+declare function DocsNavbar({ logo, right, }: {
+    logo?: React$1.ReactNode;
+    right?: React$1.ReactNode;
+}): React$1.JSX.Element;
+
+type SiteHeaderProps = {
+    navItems?: {
+        label: string;
+        href: string;
+    }[];
+    logo?: React.ReactNode;
+    version?: string;
+    githubUrl?: string;
+    right?: React.ReactNode;
+};
+declare function SiteHeader({ navItems, logo, version, githubUrl, right, }: SiteHeaderProps): React$1.JSX.Element;
+
+type SiteLayoutProps = {
+    children: React$1.ReactNode;
+    header?: React$1.ReactNode;
+    footer?: React$1.ReactNode;
+};
+declare function SiteLayout({ children, header, footer }: SiteLayoutProps): React$1.JSX.Element;
+
+declare function SiteProvider({ children }: {
+    children: React$1.ReactNode;
+}): React$1.JSX.Element;
+
+declare function SiteTemplate({ children }: {
+    children: React$1.ReactNode;
+}): React$1.JSX.Element;
+
+declare function ThemeProvider(props: ComponentProps<typeof ThemeProvider$1>): React$1.JSX.Element;
+
+declare function ThemeSwitcher(): React$1.JSX.Element;
+
+type SlidingNumberProps = {
+    value: number;
+    padStart?: boolean;
+    decimalSeparator?: string;
+};
+declare function SlidingNumber({ value, padStart, decimalSeparator, }: SlidingNumberProps): React$1.JSX.Element;
+
+type PresetType = "blur" | "fade-in-blur" | "scale" | "fade" | "slide";
+type PerType = "word" | "char" | "line";
+type TextEffectProps = {
+    children: string;
+    per?: PerType;
+    as?: keyof React__default.JSX.IntrinsicElements;
+    variants?: {
+        container?: Variants;
+        item?: Variants;
+    };
+    className?: string;
+    preset?: PresetType;
+    delay?: number;
+    speedReveal?: number;
+    speedSegment?: number;
+    trigger?: boolean;
+    onAnimationComplete?: () => void;
+    onAnimationStart?: () => void;
+    segmentWrapperClassName?: string;
+    containerTransition?: Transition;
+    segmentTransition?: Transition;
+    style?: React__default.CSSProperties;
+};
+declare function TextEffect({ children, per, as, variants, className, preset, delay, speedReveal, speedSegment, trigger, onAnimationComplete, onAnimationStart, segmentWrapperClassName, containerTransition, segmentTransition, style, }: TextEffectProps): React__default.JSX.Element;
+
+type TextMorphProps = {
+    children: string;
+    as?: React.ElementType;
+    className?: string;
+    style?: React.CSSProperties;
+    variants?: Variants;
+    transition?: Transition;
+};
+declare function TextMorph({ children, as: Component, className, style, variants, transition, }: TextMorphProps): React$1.JSX.Element;
+
+declare function CopyMorphIcon({ copied }: {
+    copied: boolean;
+}): React$1.JSX.Element;
+declare function CommandBlock({ items, }: {
+    items: {
+        id: string;
+        command: string;
+    }[];
+}): React$1.JSX.Element;
+
+declare function ScrollFade(): React$1.JSX.Element;
+
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "secondary" | "outline" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Badge({ className, variant, render, ...props }: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>): React$1.JSX.Element;
+
+interface BrandLogoProps extends HTMLMotionProps<"div"> {
+}
+declare const BrandLogo: React$1.ForwardRefExoticComponent<Omit<BrandLogoProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "secondary" | "outline" | "link" | "ghost" | "destructive" | null | undefined;
+    size?: "default" | "icon" | "icon-lg" | "icon-sm" | "icon-xl" | "icon-xs" | "lg" | "sm" | "xl" | "xs" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends useRender$1.ComponentProps<"button"> {
+    variant?: VariantProps<typeof buttonVariants>["variant"];
+    size?: VariantProps<typeof buttonVariants>["size"];
+    loading?: boolean;
+}
+declare function Button({ className, variant, size, render, children, loading, disabled: disabledProp, ...props }: ButtonProps): React.ReactElement;
+
+declare function Separator({ className, orientation, ...props }: Separator$1.Props): React$1.JSX.Element;
+
+declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): React$1.JSX.Element;
+declare function ButtonGroupText({ className, render, ...props }: useRender.ComponentProps<"div">): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
+declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): React$1.JSX.Element;
+
+declare function Card({ className, size, ...props }: React$1.ComponentProps<"div"> & {
+    size?: "default" | "sm";
+}): React$1.JSX.Element;
+declare function CardHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function CardTitle({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function CardDescription({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function CardAction({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function CardContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function CardFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+
+declare function HoverCard({ ...props }: PreviewCard.Root.Props): React$1.JSX.Element;
+declare function HoverCardTrigger({ ...props }: PreviewCard.Trigger.Props): React$1.JSX.Element;
+declare function HoverCardContent({ className, side, sideOffset, align, alignOffset, ...props }: PreviewCard.Popup.Props & Pick<PreviewCard.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): React$1.JSX.Element;
+
+declare function ItemGroup({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function ItemSeparator({ className, ...props }: React$1.ComponentProps<typeof Separator>): React$1.JSX.Element;
+declare const itemVariants: (props?: ({
+    variant?: "default" | "outline" | "muted" | null | undefined;
+    size?: "default" | "sm" | "xs" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Item({ className, variant, size, render, ...props }: useRender.ComponentProps<"div"> & VariantProps<typeof itemVariants>): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
+declare const itemMediaVariants: (props?: ({
+    variant?: "default" | "image" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function ItemMedia({ className, variant, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): React$1.JSX.Element;
+declare function ItemContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function ItemTitle({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function ItemDescription({ className, ...props }: React$1.ComponentProps<"p">): React$1.JSX.Element;
+declare function ItemActions({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function ItemHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function ItemFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+
+declare const toastManager: ReturnType<typeof Toast.createToastManager>;
+declare const anchoredToastManager: ReturnType<typeof Toast.createToastManager>;
+type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+interface ToastProviderProps extends Toast.Provider.Props {
+    position?: ToastPosition;
+    portalProps?: React__default.ComponentProps<typeof Toast.Portal>;
+}
+declare function ToastProvider({ children, position, portalProps, ...props }: ToastProviderProps): React__default.ReactElement;
+interface AnchoredToastProviderProps extends Toast.Provider.Props {
+    portalProps?: React__default.ComponentProps<typeof Toast.Portal>;
+}
+declare function AnchoredToastProvider({ children, portalProps, ...props }: AnchoredToastProviderProps): React__default.ReactElement;
+
+declare function TooltipProvider({ delay, ...props }: Tooltip$1.Provider.Props): React$1.JSX.Element;
+declare function Tooltip({ ...props }: Tooltip$1.Root.Props): React$1.JSX.Element;
+declare function TooltipTrigger({ ...props }: Tooltip$1.Trigger.Props): React$1.JSX.Element;
+declare function TooltipContent({ className, side, sideOffset, align, alignOffset, children, ...props }: Tooltip$1.Popup.Props & Pick<Tooltip$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): React$1.JSX.Element;
+
+declare const EASE_OUT: readonly [0.22, 1, 0.36, 1];
+declare const REVEAL_DURATION = 0.28;
+declare const HERO_STAGGER = 0.06;
+declare const heroChild: {
+    hidden: {
+        opacity: number;
+        y: number;
+    };
+    show: {
+        opacity: number;
+        y: number;
+        transition: {
+            duration: number;
+            ease: readonly [0.22, 1, 0.36, 1];
+        };
+    };
+};
+declare const colReveal: {
+    hidden: {
+        opacity: number;
+        y: number;
+    };
+    show: {
+        opacity: number;
+        y: number;
+        transition: {
+            duration: number;
+            ease: readonly [0.22, 1, 0.36, 1];
+        };
+    };
+};
+
+export { AnchoredToastProvider, type AnchoredToastProviderProps, Badge, BrandLogo, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChangelogContent, CodeBlock, type CodeBlockProps, CommandBlock, CopyMorphIcon, DocsCode, DocsCol, DocsFrame, DocsHeader, DocsInstallation, DocsLayout, type DocsLayoutProps, DocsNavbar, DocsOverview, DocsSection, EASE_OUT, HERO_STAGGER, HoverCard, HoverCardContent, HoverCardTrigger, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, type PerType, type PresetType, REVEAL_DURATION, ScrollFade, Separator, SiteHeader, type SiteHeaderProps, SiteLayout, type SiteLayoutProps, SiteProvider, SiteTemplate, SlidingNumber, TextEffect, type TextEffectProps, TextMorph, type TextMorphProps, ThemeProvider, ThemeSwitcher, type ToastPosition, ToastProvider, type ToastProviderProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, anchoredToastManager, badgeVariants, buttonGroupVariants, buttonVariants, colReveal, heroChild, toastManager };

package/dist/index.d.ts

@@ -0,0 +1,271 @@
+import * as React$1 from 'react';
+import React__default, { ReactNode, ComponentProps } from 'react';
+import { ThemeProvider as ThemeProvider$1 } from 'next-themes';
+import { Variants, Transition, HTMLMotionProps } from 'motion/react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { useRender } from '@base-ui/react/use-render';
+import { VariantProps } from 'class-variance-authority';
+import { useRender as useRender$1 } from '@base-ui/react';
+import { Separator as Separator$1 } from '@base-ui/react/separator';
+export { DirectionProvider, useDirection } from '@base-ui/react/direction-provider';
+import { PreviewCard } from '@base-ui/react/preview-card';
+import { Toast } from '@base-ui/react/toast';
+export { Toast as ToastPrimitive } from '@base-ui/react/toast';
+import { Tooltip as Tooltip$1 } from '@base-ui/react/tooltip';
+
+declare function ChangelogContent(): React$1.JSX.Element;
+
+interface CodeBlockProps {
+    html: string;
+    code: string;
+    className?: string;
+}
+declare function CodeBlock({ html, code, className }: CodeBlockProps): React$1.JSX.Element;
+
+declare function DocsCol({ children }: {
+    children: ReactNode;
+}): React$1.JSX.Element;
+declare function DocsFrame({ children }: {
+    children: ReactNode;
+}): React$1.JSX.Element;
+declare function DocsHeader({ title, date, children, }: {
+    title: string;
+    date: string;
+    children?: ReactNode;
+}): React$1.JSX.Element;
+declare function DocsOverview({ children }: {
+    children: ReactNode;
+}): React$1.JSX.Element;
+declare function DocsSection({ id, title, children, }: {
+    id: string;
+    title?: string;
+    children: ReactNode;
+}): React$1.JSX.Element;
+declare function DocsInstallation({ install, }: {
+    install: {
+        id: string;
+        command: string;
+    }[];
+}): React$1.JSX.Element;
+declare function DocsCode({ code, html }: {
+    code: string;
+    html: string;
+}): React$1.JSX.Element;
+
+type DocsLayoutProps = {
+    children: React$1.ReactNode;
+    links: {
+        group: string;
+        items: {
+            title: string;
+            url: string;
+            isAnchor: boolean;
+        }[];
+    }[];
+    indexUrl?: string;
+    indexLabel?: string;
+    header?: React$1.ReactNode;
+};
+declare function DocsLayout({ children, links, indexUrl, indexLabel, header, }: DocsLayoutProps): React$1.JSX.Element;
+declare function DocsNavbar({ logo, right, }: {
+    logo?: React$1.ReactNode;
+    right?: React$1.ReactNode;
+}): React$1.JSX.Element;
+
+type SiteHeaderProps = {
+    navItems?: {
+        label: string;
+        href: string;
+    }[];
+    logo?: React.ReactNode;
+    version?: string;
+    githubUrl?: string;
+    right?: React.ReactNode;
+};
+declare function SiteHeader({ navItems, logo, version, githubUrl, right, }: SiteHeaderProps): React$1.JSX.Element;
+
+type SiteLayoutProps = {
+    children: React$1.ReactNode;
+    header?: React$1.ReactNode;
+    footer?: React$1.ReactNode;
+};
+declare function SiteLayout({ children, header, footer }: SiteLayoutProps): React$1.JSX.Element;
+
+declare function SiteProvider({ children }: {
+    children: React$1.ReactNode;
+}): React$1.JSX.Element;
+
+declare function SiteTemplate({ children }: {
+    children: React$1.ReactNode;
+}): React$1.JSX.Element;
+
+declare function ThemeProvider(props: ComponentProps<typeof ThemeProvider$1>): React$1.JSX.Element;
+
+declare function ThemeSwitcher(): React$1.JSX.Element;
+
+type SlidingNumberProps = {
+    value: number;
+    padStart?: boolean;
+    decimalSeparator?: string;
+};
+declare function SlidingNumber({ value, padStart, decimalSeparator, }: SlidingNumberProps): React$1.JSX.Element;
+
+type PresetType = "blur" | "fade-in-blur" | "scale" | "fade" | "slide";
+type PerType = "word" | "char" | "line";
+type TextEffectProps = {
+    children: string;
+    per?: PerType;
+    as?: keyof React__default.JSX.IntrinsicElements;
+    variants?: {
+        container?: Variants;
+        item?: Variants;
+    };
+    className?: string;
+    preset?: PresetType;
+    delay?: number;
+    speedReveal?: number;
+    speedSegment?: number;
+    trigger?: boolean;
+    onAnimationComplete?: () => void;
+    onAnimationStart?: () => void;
+    segmentWrapperClassName?: string;
+    containerTransition?: Transition;
+    segmentTransition?: Transition;
+    style?: React__default.CSSProperties;
+};
+declare function TextEffect({ children, per, as, variants, className, preset, delay, speedReveal, speedSegment, trigger, onAnimationComplete, onAnimationStart, segmentWrapperClassName, containerTransition, segmentTransition, style, }: TextEffectProps): React__default.JSX.Element;
+
+type TextMorphProps = {
+    children: string;
+    as?: React.ElementType;
+    className?: string;
+    style?: React.CSSProperties;
+    variants?: Variants;
+    transition?: Transition;
+};
+declare function TextMorph({ children, as: Component, className, style, variants, transition, }: TextMorphProps): React$1.JSX.Element;
+
+declare function CopyMorphIcon({ copied }: {
+    copied: boolean;
+}): React$1.JSX.Element;
+declare function CommandBlock({ items, }: {
+    items: {
+        id: string;
+        command: string;
+    }[];
+}): React$1.JSX.Element;
+
+declare function ScrollFade(): React$1.JSX.Element;
+
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "secondary" | "outline" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Badge({ className, variant, render, ...props }: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>): React$1.JSX.Element;
+
+interface BrandLogoProps extends HTMLMotionProps<"div"> {
+}
+declare const BrandLogo: React$1.ForwardRefExoticComponent<Omit<BrandLogoProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "secondary" | "outline" | "link" | "ghost" | "destructive" | null | undefined;
+    size?: "default" | "icon" | "icon-lg" | "icon-sm" | "icon-xl" | "icon-xs" | "lg" | "sm" | "xl" | "xs" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends useRender$1.ComponentProps<"button"> {
+    variant?: VariantProps<typeof buttonVariants>["variant"];
+    size?: VariantProps<typeof buttonVariants>["size"];
+    loading?: boolean;
+}
+declare function Button({ className, variant, size, render, children, loading, disabled: disabledProp, ...props }: ButtonProps): React.ReactElement;
+
+declare function Separator({ className, orientation, ...props }: Separator$1.Props): React$1.JSX.Element;
+
+declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): React$1.JSX.Element;
+declare function ButtonGroupText({ className, render, ...props }: useRender.ComponentProps<"div">): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
+declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): React$1.JSX.Element;
+
+declare function Card({ className, size, ...props }: React$1.ComponentProps<"div"> & {
+    size?: "default" | "sm";
+}): React$1.JSX.Element;
+declare function CardHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function CardTitle({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function CardDescription({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function CardAction({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function CardContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function CardFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+
+declare function HoverCard({ ...props }: PreviewCard.Root.Props): React$1.JSX.Element;
+declare function HoverCardTrigger({ ...props }: PreviewCard.Trigger.Props): React$1.JSX.Element;
+declare function HoverCardContent({ className, side, sideOffset, align, alignOffset, ...props }: PreviewCard.Popup.Props & Pick<PreviewCard.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): React$1.JSX.Element;
+
+declare function ItemGroup({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function ItemSeparator({ className, ...props }: React$1.ComponentProps<typeof Separator>): React$1.JSX.Element;
+declare const itemVariants: (props?: ({
+    variant?: "default" | "outline" | "muted" | null | undefined;
+    size?: "default" | "sm" | "xs" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Item({ className, variant, size, render, ...props }: useRender.ComponentProps<"div"> & VariantProps<typeof itemVariants>): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
+declare const itemMediaVariants: (props?: ({
+    variant?: "default" | "image" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function ItemMedia({ className, variant, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): React$1.JSX.Element;
+declare function ItemContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function ItemTitle({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function ItemDescription({ className, ...props }: React$1.ComponentProps<"p">): React$1.JSX.Element;
+declare function ItemActions({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function ItemHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function ItemFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+
+declare const toastManager: ReturnType<typeof Toast.createToastManager>;
+declare const anchoredToastManager: ReturnType<typeof Toast.createToastManager>;
+type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+interface ToastProviderProps extends Toast.Provider.Props {
+    position?: ToastPosition;
+    portalProps?: React__default.ComponentProps<typeof Toast.Portal>;
+}
+declare function ToastProvider({ children, position, portalProps, ...props }: ToastProviderProps): React__default.ReactElement;
+interface AnchoredToastProviderProps extends Toast.Provider.Props {
+    portalProps?: React__default.ComponentProps<typeof Toast.Portal>;
+}
+declare function AnchoredToastProvider({ children, portalProps, ...props }: AnchoredToastProviderProps): React__default.ReactElement;
+
+declare function TooltipProvider({ delay, ...props }: Tooltip$1.Provider.Props): React$1.JSX.Element;
+declare function Tooltip({ ...props }: Tooltip$1.Root.Props): React$1.JSX.Element;
+declare function TooltipTrigger({ ...props }: Tooltip$1.Trigger.Props): React$1.JSX.Element;
+declare function TooltipContent({ className, side, sideOffset, align, alignOffset, children, ...props }: Tooltip$1.Popup.Props & Pick<Tooltip$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): React$1.JSX.Element;
+
+declare const EASE_OUT: readonly [0.22, 1, 0.36, 1];
+declare const REVEAL_DURATION = 0.28;
+declare const HERO_STAGGER = 0.06;
+declare const heroChild: {
+    hidden: {
+        opacity: number;
+        y: number;
+    };
+    show: {
+        opacity: number;
+        y: number;
+        transition: {
+            duration: number;
+            ease: readonly [0.22, 1, 0.36, 1];
+        };
+    };
+};
+declare const colReveal: {
+    hidden: {
+        opacity: number;
+        y: number;
+    };
+    show: {
+        opacity: number;
+        y: number;
+        transition: {
+            duration: number;
+            ease: readonly [0.22, 1, 0.36, 1];
+        };
+    };
+};
+
+export { AnchoredToastProvider, type AnchoredToastProviderProps, Badge, BrandLogo, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChangelogContent, CodeBlock, type CodeBlockProps, CommandBlock, CopyMorphIcon, DocsCode, DocsCol, DocsFrame, DocsHeader, DocsInstallation, DocsLayout, type DocsLayoutProps, DocsNavbar, DocsOverview, DocsSection, EASE_OUT, HERO_STAGGER, HoverCard, HoverCardContent, HoverCardTrigger, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, type PerType, type PresetType, REVEAL_DURATION, ScrollFade, Separator, SiteHeader, type SiteHeaderProps, SiteLayout, type SiteLayoutProps, SiteProvider, SiteTemplate, SlidingNumber, TextEffect, type TextEffectProps, TextMorph, type TextMorphProps, ThemeProvider, ThemeSwitcher, type ToastPosition, ToastProvider, type ToastProviderProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, anchoredToastManager, badgeVariants, buttonGroupVariants, buttonVariants, colReveal, heroChild, toastManager };