@gamecrafters/base-ui 0.0.28 → 0.0.30

package/build/components/marquee/Marquee.types.d.ts

@@ -1,26 +1,59 @@
 import type * as React from "react";
+import type { PolymorphicProps } from "../../utilities/polymorphic";
 export type MarqueeSide = "start" | "end" | "top" | "bottom";
-export type MarqueeAxis = "inline" | "block";
-export type MarqueeSpeed = "slow" | "medium" | "fast";
-export type MarqueeSpacing = "none" | "tight" | "condensed" | "cozy" | "normal" | "spacious";
-export type MarqueeProps = React.ComponentPropsWithoutRef<"div"> & {
-    side?: MarqueeSide;
-    speed?: MarqueeSpeed;
-    spacing?: MarqueeSpacing;
-    pauseOnHover?: boolean;
+export type MarqueeOrientation = "horizontal" | "vertical";
+type MarqueePauseProps = {
     paused?: boolean;
-    className?: string;
+    defaultPaused?: boolean;
+};
+type MarqueePauseCallback = {
+    onPauseChange?: (paused: boolean) => void;
 };
-export type UseMarqueeOptions = {
+type MarqueeCallbacks = MarqueePauseCallback & {
+    onLoopComplete?: (loops: number) => void;
+    onComplete?: () => void;
+};
+export type UseMarqueeProps = MarqueePauseProps & MarqueePauseCallback;
+export type UseMarqueeReturn = {
+    paused: boolean;
+    pause: () => void;
+    resume: () => void;
+    toggle: () => void;
+    setPaused: (paused: boolean) => void;
+};
+type MarqueeOwnProps = MarqueePauseProps & {
     side?: MarqueeSide;
-    speed?: MarqueeSpeed;
+    speed?: number;
+    delay?: number;
+    loopCount?: number;
+    autoFill?: boolean;
+    spacing?: string;
+    reverse?: boolean;
+    pauseOnInteraction?: boolean;
+    className?: string;
 };
-export type UseMarqueeResult = {
-    rootRef: React.RefObject<HTMLDivElement | null>;
-    groupRef: React.RefObject<HTMLDivElement | null>;
-    axis: MarqueeAxis;
-    copies: number;
-    distance: number;
-    duration: number;
-    style: React.CSSProperties;
+export type MarqueeProps<As extends React.ElementType = "div"> = PolymorphicProps<As, "div", MarqueeOwnProps> & MarqueeCallbacks;
+export type MarqueeElementProps = MarqueeProps<"div">;
+export type MarqueeViewportProps<As extends React.ElementType = "div"> = PolymorphicProps<As, "div", {
+    className?: string;
+}>;
+export type MarqueeContentProps<As extends React.ElementType = "div"> = PolymorphicProps<As, "div", {
+    className?: string;
+}>;
+export type MarqueeItemProps<As extends React.ElementType = "div"> = PolymorphicProps<As, "div", {
+    className?: string;
+}>;
+export type MarqueeEdgeProps<As extends React.ElementType = "div"> = PolymorphicProps<As, "div", {
+    side: MarqueeSide;
+    className?: string;
+}>;
+export type MarqueeContextValue = Partial<UseMarqueeReturn> & {
+    side?: MarqueeSide;
+    orientation?: MarqueeOrientation;
+    copyCount?: number;
+    viewportRef?: React.Ref<HTMLElement>;
+    copyRef?: React.Ref<HTMLElement>;
+    onLoopComplete?: (loops: number) => void;
+    onComplete?: () => void;
 };
+export {};

package/build/components/marquee/MarqueeContent.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+declare const _default: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "div" : As> & {
+    className?: string;
+}, "as"> & {
+    as?: As | undefined;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/marquee/MarqueeContext.d.ts

@@ -0,0 +1,3 @@
+import type { MarqueeContextValue } from "./Marquee.types";
+export declare const MarqueeContext: import("react").Context<MarqueeContextValue>;
+export declare const useMarqueeContext: () => MarqueeContextValue;

package/build/components/marquee/MarqueeEdge.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+declare const _default: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "div" : As> & {
+    side: import("./Marquee.types").MarqueeSide;
+    className?: string;
+}, "as"> & {
+    as?: As | undefined;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/marquee/MarqueeItem.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+declare const _default: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "div" : As> & {
+    className?: string;
+}, "as"> & {
+    as?: As | undefined;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/marquee/MarqueeViewport.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+declare const _default: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "div" : As> & {
+    className?: string;
+}, "as"> & {
+    as?: As | undefined;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/marquee/index.d.ts

@@ -1,3 +1,73 @@
-export { default as Marquee } from "./Marquee";
-export { useMarquee, MARQUEE_SPEEDS, MARQUEE_MINIMUM_COPIES } from "./useMarquee";
+import { DEFAULT_MARQUEE_SPEED } from "./Marquee";
+import MarqueeContent from "./MarqueeContent";
+import MarqueeEdge from "./MarqueeEdge";
+import MarqueeItem from "./MarqueeItem";
+import MarqueeViewport from "./MarqueeViewport";
+export declare const Marquee: (<As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "div" : As> & {
+    paused?: boolean;
+    defaultPaused?: boolean;
+} & {
+    side?: import("./Marquee.types").MarqueeSide;
+    speed?: number;
+    delay?: number;
+    loopCount?: number;
+    autoFill?: boolean;
+    spacing?: string;
+    reverse?: boolean;
+    pauseOnInteraction?: boolean;
+    className?: string;
+}, "as"> & {
+    as?: As | undefined;
+} & {
+    onPauseChange?: (paused: boolean) => void;
+} & {
+    onLoopComplete?: (loops: number) => void;
+    onComplete?: () => void;
+} & import("react").RefAttributes<any>) => React.ReactNode) & {
+    Root: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "div" : As> & {
+        paused?: boolean;
+        defaultPaused?: boolean;
+    } & {
+        side?: import("./Marquee.types").MarqueeSide;
+        speed?: number;
+        delay?: number;
+        loopCount?: number;
+        autoFill?: boolean;
+        spacing?: string;
+        reverse?: boolean;
+        pauseOnInteraction?: boolean;
+        className?: string;
+    }, "as"> & {
+        as?: As | undefined;
+    } & {
+        onPauseChange?: (paused: boolean) => void;
+    } & {
+        onLoopComplete?: (loops: number) => void;
+        onComplete?: () => void;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    Viewport: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "div" : As> & {
+        className?: string;
+    }, "as"> & {
+        as?: As | undefined;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    Content: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "div" : As> & {
+        className?: string;
+    }, "as"> & {
+        as?: As | undefined;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    Item: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "div" : As> & {
+        className?: string;
+    }, "as"> & {
+        as?: As | undefined;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    Edge: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "div" : As> & {
+        side: import("./Marquee.types").MarqueeSide;
+        className?: string;
+    }, "as"> & {
+        as?: As | undefined;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+};
+export { MarqueeViewport, MarqueeContent, MarqueeItem, MarqueeEdge, DEFAULT_MARQUEE_SPEED };
+export { MarqueeContext, useMarqueeContext } from "./MarqueeContext";
+export { useMarquee } from "./useMarquee";
 export * from "./Marquee.types";

package/build/components/marquee/useMarquee.d.ts

@@ -1,14 +1,2 @@
-import type { UseMarqueeOptions, UseMarqueeResult } from "./Marquee.types";
-export declare const MARQUEE_SPEEDS: {
-    slow: number;
-    medium: number;
-    fast: number;
-};
-export declare const MARQUEE_AXES: {
-    start: "inline";
-    end: "inline";
-    top: "block";
-    bottom: "block";
-};
-export declare const MARQUEE_MINIMUM_COPIES = 2;
-export declare const useMarquee: ({ side, speed, }?: UseMarqueeOptions) => UseMarqueeResult;
+import type { UseMarqueeProps, UseMarqueeReturn } from "./Marquee.types";
+export declare const useMarquee: (props?: UseMarqueeProps) => UseMarqueeReturn;

package/build/components/resizable/Resizable.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+declare const _default: (props: Omit<import("react-resizable-panels").GroupProps, "orientation" | "elementRef" | "groupRef"> & {
+    orientation?: import("./Resizable.types").ResizableOrientation;
+    resizableRef?: import("react-resizable-panels").GroupProps["groupRef"];
+    className?: string;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/resizable/Resizable.types.d.ts

@@ -0,0 +1,23 @@
+import type * as React from "react";
+import type { GroupImperativeHandle, GroupProps, Layout, PanelImperativeHandle, PanelProps, SeparatorProps as PanelSeparatorProps } from "react-resizable-panels";
+export type ResizableOrientation = "horizontal" | "vertical";
+export type ResizableLayout = Layout;
+export type ResizableInstance = GroupImperativeHandle;
+export type ResizablePanelInstance = PanelImperativeHandle;
+export type ResizableProps = Omit<GroupProps, "elementRef" | "groupRef" | "orientation"> & {
+    orientation?: ResizableOrientation;
+    resizableRef?: GroupProps["groupRef"];
+    className?: string;
+};
+export type ResizablePanelProps = Omit<PanelProps, "elementRef"> & {
+    className?: string;
+};
+export type ResizableResizeTriggerProps = Omit<PanelSeparatorProps, "elementRef"> & {
+    className?: string;
+};
+export type ResizableResizeTriggerSeparatorProps = React.ComponentPropsWithoutRef<"span"> & {
+    className?: string;
+};
+export type ResizableResizeTriggerIndicatorProps = React.ComponentPropsWithoutRef<"span"> & {
+    className?: string;
+};

package/build/components/{splitter → resizable}/index.d.ts

@@ -1,10 +1,10 @@
-import SplitterPanel from "./SplitterPanel";
-import SplitterResizeTrigger from "./SplitterResizeTrigger";
-import SplitterResizeTriggerIndicator from "./SplitterResizeTriggerIndicator";
-import SplitterResizeTriggerSeparator from "./SplitterResizeTriggerSeparator";
-export declare const Splitter: ((props: Omit<import("react-resizable-panels").GroupProps, "orientation" | "groupRef" | "elementRef"> & {
-    orientation?: import("./Splitter.types").SplitterOrientation;
-    splitterRef?: import("react-resizable-panels").GroupProps["groupRef"];
+import ResizablePanel from "./ResizablePanel";
+import ResizableResizeTrigger from "./ResizableResizeTrigger";
+import ResizableResizeTriggerIndicator from "./ResizableResizeTriggerIndicator";
+import ResizableResizeTriggerSeparator from "./ResizableResizeTriggerSeparator";
+export declare const Resizable: ((props: Omit<import("react-resizable-panels").GroupProps, "orientation" | "elementRef" | "groupRef"> & {
+    orientation?: import("./Resizable.types").ResizableOrientation;
+    resizableRef?: import("react-resizable-panels").GroupProps["groupRef"];
     className?: string;
 } & import("react").RefAttributes<any>) => React.ReactNode) & {
     Panel: (props: Omit<import("react-resizable-panels").PanelProps, "elementRef"> & {
@@ -20,5 +20,5 @@ export declare const Splitter: ((props: Omit<import("react-resizable-panels").Gr
         className?: string;
     } & import("react").RefAttributes<any>) => React.ReactNode;
 };
-export { SplitterPanel, SplitterResizeTrigger, SplitterResizeTriggerSeparator, SplitterResizeTriggerIndicator, };
-export * from "./Splitter.types";
+export { ResizablePanel, ResizableResizeTrigger, ResizableResizeTriggerSeparator, ResizableResizeTriggerIndicator, };
+export * from "./Resizable.types";

package/build/components/table-of-contents/TableOfContents.d.ts

@@ -1,7 +1,18 @@
 import * as React from "react";
-declare const DEFAULT_LABEL = "Table of contents";
-export { DEFAULT_LABEL };
-declare const _default: (props: Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+declare const _default: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "div" : As> & {
+    items?: import("./TableOfContents.types").TableOfContentsItemData[];
+    activeIds?: string[];
+    defaultActiveIds?: string[];
+    rootMargin?: string;
+    threshold?: number | number[];
+    scrollElement?: HTMLElement | null;
+    scrollBehavior?: ScrollBehavior;
+} & {
+    autoScroll?: boolean;
     className?: string;
+}, "as"> & {
+    as?: As | undefined;
+} & {
+    onActiveChange?: (details: import("./TableOfContents.types").TableOfContentsActiveChangeDetails) => void;
 } & React.RefAttributes<any>) => React.ReactNode;
 export default _default;

package/build/components/table-of-contents/TableOfContents.types.d.ts

@@ -1,32 +1,91 @@
 import type * as React from "react";
 import type { PolymorphicProps } from "../../utilities/polymorphic";
-export type TableOfContentsProps = React.ComponentPropsWithoutRef<"nav"> & {
+export type TableOfContentsItemData = {
+    value: string;
+    depth: number;
+};
+export type TableOfContentsActiveChangeDetails = {
+    activeIds: string[];
+    activeItems: TableOfContentsItemData[];
+};
+export type TableOfContentsScrollToDetails = {
+    behavior?: ScrollBehavior;
+};
+export type TableOfContentsItemState = {
+    active: boolean;
+    first: boolean;
+    last: boolean;
+    depth: number;
+};
+type TableOfContentsStoreProps = {
+    items?: TableOfContentsItemData[];
+    activeIds?: string[];
+    defaultActiveIds?: string[];
+    rootMargin?: string;
+    threshold?: number | number[];
+    scrollElement?: HTMLElement | null;
+    scrollBehavior?: ScrollBehavior;
+};
+type TableOfContentsCallbacks = {
+    onActiveChange?: (details: TableOfContentsActiveChangeDetails) => void;
+};
+export type UseTableOfContentsProps = TableOfContentsStoreProps & TableOfContentsCallbacks;
+export type UseTableOfContentsReturn = {
+    items: TableOfContentsItemData[];
+    activeIds: string[];
+    activeItems: TableOfContentsItemData[];
+    setActiveIds: (activeIds: string[]) => void;
+    scrollTo: (value: string, details?: TableOfContentsScrollToDetails) => boolean;
+    getItemState: (item: TableOfContentsItemData) => TableOfContentsItemState;
+};
+export type TableOfContentsIds = {
+    root: string;
+    title: string;
+    list: string;
+    indicator: string;
+    item: (value: string) => string;
+    link: (value: string) => string;
+};
+export type TableOfContentsContextValue = Partial<UseTableOfContentsReturn> & {
+    ids?: TableOfContentsIds;
+    scrollElement?: HTMLElement | null;
+    setScrollElement?: (element: HTMLElement | null) => void;
+    hasTitle?: boolean;
+    setHasTitle?: (hasTitle: boolean) => void;
+};
+type TableOfContentsOwnProps = TableOfContentsStoreProps & {
+    autoScroll?: boolean;
     className?: string;
 };
-export type TableOfContentsTitleProps<As extends React.ElementType = "p"> = PolymorphicProps<As, "p", {
+export type TableOfContentsProps<As extends React.ElementType = "div"> = PolymorphicProps<As, "div", TableOfContentsOwnProps> & TableOfContentsCallbacks;
+export type TableOfContentsElementProps = TableOfContentsProps<"div">;
+export type TableOfContentsContentProps<As extends React.ElementType = "article"> = PolymorphicProps<As, "article", {
     className?: string;
 }>;
-export type TableOfContentsListProps = Omit<React.ComponentPropsWithoutRef<"ul">, "role"> & {
+export type TableOfContentsNavProps<As extends React.ElementType = "nav"> = PolymorphicProps<As, "nav", {
+    placement?: "start" | "end";
     className?: string;
-};
-export type TableOfContentsItemProps<As extends React.ElementType = "a"> = PolymorphicProps<As, "a", {
-    active?: boolean;
+}>;
+export type TableOfContentsTitleProps<As extends React.ElementType = "h2"> = PolymorphicProps<As, "h2", {
     className?: string;
 }>;
-export type TableOfContentsGroupProps = Omit<React.ComponentPropsWithoutRef<"li">, "onClick"> & {
-    label: string;
-    href?: string;
-    active?: boolean;
-    onClick?: React.MouseEventHandler<HTMLAnchorElement>;
+export type TableOfContentsListProps<As extends React.ElementType = "ul"> = PolymorphicProps<As, "ul", {
     className?: string;
+}>;
+export type TableOfContentsItemProps<As extends React.ElementType = "li"> = PolymorphicProps<As, "li", {
+    item: TableOfContentsItemData;
+    className?: string;
+}>;
+export type TableOfContentsLinkProps<As extends React.ElementType = "a"> = PolymorphicProps<As, "a", {
+    className?: string;
+}>;
+export type TableOfContentsIndicatorProps<As extends React.ElementType = "div"> = PolymorphicProps<As, "div", {
+    className?: string;
+}>;
+export type TableOfContentsRect = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
 };
-export type UseTableOfContentsActiveIdOptions = {
-    ids: string[];
-    offset?: number;
-    root?: Element | null;
-    trackHash?: boolean;
-};
-export type UseTableOfContentsActiveIdResult = {
-    activeId: string | null;
-    selectSection: (id: string) => void;
-};
+export {};

package/build/components/table-of-contents/TableOfContentsContent.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+declare const _default: <As extends React.ElementType = "article">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "article" : As> & {
+    className?: string;
+}, "as"> & {
+    as?: As | undefined;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/table-of-contents/TableOfContentsContext.d.ts

@@ -0,0 +1,5 @@
+import type { TableOfContentsContextValue, TableOfContentsItemData } from "./TableOfContents.types";
+export declare const TableOfContentsContext: import("react").Context<TableOfContentsContextValue>;
+export declare const useTableOfContentsContext: () => TableOfContentsContextValue;
+export declare const TableOfContentsItemContext: import("react").Context<TableOfContentsItemData | null>;
+export declare const useTableOfContentsItemContext: () => TableOfContentsItemData | null;

package/build/components/table-of-contents/TableOfContentsIndicator.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+declare const _default: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "div" : As> & {
+    className?: string;
+}, "as"> & {
+    as?: As | undefined;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/table-of-contents/TableOfContentsItem.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
-declare const _default: <As extends React.ElementType = "a">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "a" : As> & {
-    active?: boolean;
+declare const _default: <As extends React.ElementType = "li">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "li" : As> & {
+    item: import("./TableOfContents.types").TableOfContentsItemData;
     className?: string;
 }, "as"> & {
     as?: As | undefined;

package/build/components/table-of-contents/TableOfContentsLink.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+declare const _default: <As extends React.ElementType = "a">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "a" : As> & {
+    className?: string;
+}, "as"> & {
+    as?: As | undefined;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/table-of-contents/TableOfContentsList.d.ts

@@ -1,5 +1,7 @@
 import * as React from "react";
-declare const _default: (props: Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "role"> & {
+declare const _default: <As extends React.ElementType = "ul">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "ul" : As> & {
     className?: string;
+}, "as"> & {
+    as?: As | undefined;
 } & React.RefAttributes<any>) => React.ReactNode;
 export default _default;

package/build/components/table-of-contents/TableOfContentsNav.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+declare const _default: <As extends React.ElementType = "nav">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "nav" : As> & {
+    placement?: "start" | "end";
+    className?: string;
+}, "as"> & {
+    as?: As | undefined;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;

package/build/components/table-of-contents/TableOfContentsTitle.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-declare const _default: <As extends React.ElementType = "p">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "p" : As> & {
+declare const _default: <As extends React.ElementType = "h2">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "h2" : As> & {
     className?: string;
 }, "as"> & {
     as?: As | undefined;

package/build/components/table-of-contents/headingScroll.d.ts

@@ -0,0 +1,12 @@
+import type * as React from "react";
+import type { TableOfContentsRect } from "./TableOfContents.types";
+export declare const getHeadingElement: (value: string) => HTMLElement | null;
+export declare const scrollToHeading: (value: string, options?: {
+    scrollElement?: HTMLElement | null;
+    behavior?: ScrollBehavior;
+}) => boolean;
+export declare const getSamePageHash: (anchor: HTMLElement) => string | null;
+export declare const pushHash: (value: string) => void;
+export declare const isPlainClick: (event: React.MouseEvent<HTMLElement>) => boolean;
+export declare const isEmptyRect: (rect: TableOfContentsRect | null) => boolean;
+export declare const isSameRect: (one: TableOfContentsRect | null, other: TableOfContentsRect) => boolean;

package/build/components/table-of-contents/index.d.ts

@@ -1,32 +1,82 @@
-import TableOfContentsGroup from "./TableOfContentsGroup";
+import TableOfContentsContent from "./TableOfContentsContent";
+import TableOfContentsIndicator from "./TableOfContentsIndicator";
 import TableOfContentsItem from "./TableOfContentsItem";
+import TableOfContentsLink from "./TableOfContentsLink";
 import TableOfContentsList from "./TableOfContentsList";
+import TableOfContentsNav from "./TableOfContentsNav";
 import TableOfContentsTitle from "./TableOfContentsTitle";
-export declare const TableOfContents: ((props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+export declare const TableOfContents: (<As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "div" : As> & {
+    items?: import("./TableOfContents.types").TableOfContentsItemData[];
+    activeIds?: string[];
+    defaultActiveIds?: string[];
+    rootMargin?: string;
+    threshold?: number | number[];
+    scrollElement?: HTMLElement | null;
+    scrollBehavior?: ScrollBehavior;
+} & {
+    autoScroll?: boolean;
     className?: string;
+}, "as"> & {
+    as?: As | undefined;
+} & {
+    onActiveChange?: (details: import("./TableOfContents.types").TableOfContentsActiveChangeDetails) => void;
 } & import("react").RefAttributes<any>) => React.ReactNode) & {
-    Title: <As extends React.ElementType = "p">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "p" : As> & {
+    Root: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "div" : As> & {
+        items?: import("./TableOfContents.types").TableOfContentsItemData[];
+        activeIds?: string[];
+        defaultActiveIds?: string[];
+        rootMargin?: string;
+        threshold?: number | number[];
+        scrollElement?: HTMLElement | null;
+        scrollBehavior?: ScrollBehavior;
+    } & {
+        autoScroll?: boolean;
         className?: string;
     }, "as"> & {
         as?: As | undefined;
+    } & {
+        onActiveChange?: (details: import("./TableOfContents.types").TableOfContentsActiveChangeDetails) => void;
     } & import("react").RefAttributes<any>) => React.ReactNode;
-    List: (props: Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "role"> & {
+    Content: <As extends React.ElementType = "article">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "article" : As> & {
         className?: string;
+    }, "as"> & {
+        as?: As | undefined;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    Nav: <As extends React.ElementType = "nav">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "nav" : As> & {
+        placement?: "start" | "end";
+        className?: string;
+    }, "as"> & {
+        as?: As | undefined;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    Title: <As extends React.ElementType = "h2">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "h2" : As> & {
+        className?: string;
+    }, "as"> & {
+        as?: As | undefined;
     } & import("react").RefAttributes<any>) => React.ReactNode;
-    Item: <As extends React.ElementType = "a">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "a" : As> & {
-        active?: boolean;
+    List: <As extends React.ElementType = "ul">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "ul" : As> & {
         className?: string;
     }, "as"> & {
         as?: As | undefined;
     } & import("react").RefAttributes<any>) => React.ReactNode;
-    Group: (props: Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "onClick"> & {
-        label: string;
-        href?: string;
-        active?: boolean;
-        onClick?: React.MouseEventHandler<HTMLAnchorElement>;
+    Item: <As extends React.ElementType = "li">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "li" : As> & {
+        item: import("./TableOfContents.types").TableOfContentsItemData;
         className?: string;
+    }, "as"> & {
+        as?: As | undefined;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    Link: <As extends React.ElementType = "a">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "a" : As> & {
+        className?: string;
+    }, "as"> & {
+        as?: As | undefined;
+    } & import("react").RefAttributes<any>) => React.ReactNode;
+    Indicator: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "div" : As> & {
+        className?: string;
+    }, "as"> & {
+        as?: As | undefined;
     } & import("react").RefAttributes<any>) => React.ReactNode;
 };
-export { TableOfContentsTitle, TableOfContentsList, TableOfContentsItem, TableOfContentsGroup };
-export { useTableOfContentsActiveId } from "./useTableOfContentsActiveId";
+export { TableOfContentsContent, TableOfContentsNav, TableOfContentsTitle, TableOfContentsList, TableOfContentsItem, TableOfContentsLink, TableOfContentsIndicator, };
+export { TableOfContentsContext, useTableOfContentsContext, TableOfContentsItemContext, useTableOfContentsItemContext, } from "./TableOfContentsContext";
+export { useTableOfContents, DEFAULT_TABLE_OF_CONTENTS_ROOT_MARGIN } from "./useTableOfContents";
+export { scrollToHeading } from "./headingScroll";
 export * from "./TableOfContents.types";

package/build/components/table-of-contents/useTableOfContents.d.ts

@@ -0,0 +1,3 @@
+import type { UseTableOfContentsProps, UseTableOfContentsReturn } from "./TableOfContents.types";
+export declare const DEFAULT_TABLE_OF_CONTENTS_ROOT_MARGIN = "-20px 0% -40% 0%";
+export declare const useTableOfContents: (props?: UseTableOfContentsProps) => UseTableOfContentsReturn;

package/build/components/timer/Timer.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+declare const _default: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "div" : As> & {
+    countdown?: boolean;
+    startMs?: number;
+    targetMs?: number;
+    interval?: number;
+    autoStart?: boolean;
+} & {
+    className?: string;
+}, "as"> & {
+    as?: As | undefined;
+} & {
+    onTick?: (details: import("./Timer.types").TimerTickDetails) => void;
+    onComplete?: () => void;
+} & React.RefAttributes<any>) => React.ReactNode;
+export default _default;