@react-md/core 1.0.0-next.1 → 1.0.0-next.2

package/dist/menu/menuConfig.d.ts

@@ -1,60 +0,0 @@
-import { type ReactNode } from "react";
-import { type SheetPosition, type SheetVerticalSize } from "../sheet/styles.js";
-/**
- * This allows the menu to be conditionally rendered as a `Sheet` instead of a
- * menu.
- *
- * - `false` - always render as a `Menu`
- * - `true` - always render as a `Sheet`
- * - `"phone"` - render as a sheet only when the {@link AppSize} is considered
- *   phone (`isPhone === true`).
- *
- * @defaultValue `false`
- * @remarks \@since 5.0.0
- */
-export type RenderMenuAsSheet = boolean | "phone";
-/**
- * @remarks \@since 5.0.0
- * @remarks \@since 6.0.0 No longer includes the `horizontal` flag and is no
- * longer a context provider.
- */
-export interface MenuConfiguration {
-    /** {@inheritDoc RenderMenuAsSheet} */
-    renderAsSheet?: RenderMenuAsSheet;
-    /**
-     * @see {@link SheetPosition}
-     * @defaultValue `"bottom"`
-     */
-    sheetPosition?: SheetPosition;
-    /**
-     * @see {@link SheetVerticalSize}
-     * @defaultValue `"touch"`
-     */
-    sheetVerticalSize?: SheetVerticalSize;
-    /**
-     * Any children to render above the sheet's menu implementation. This would
-     * normally be something like a `<DialogHeader>` or `AppBar`.
-     *
-     * @defaultValue `null`
-     */
-    sheetHeader?: ReactNode;
-    /**
-     * Any children to render below the sheet's menu implementation. This would
-     * normally be something like a `<DialogFooter>`.
-     *
-     * @defaultValue `null`
-     */
-    sheetFooter?: ReactNode;
-}
-/**
- * @remarks \@since 6.0.0
- */
-export type MenuConfig = Required<MenuConfiguration>;
-/**
- * @remarks \@since 6.0.0
- */
-export declare const MENU_CONFIG: MenuConfig;
-/**
- * @remarks \@since 6.0.0
- */
-export declare function getMenuConfig<N extends keyof MenuConfig>(name: N, override?: MenuConfig[N]): MenuConfig[N];

package/dist/tooltip/useOverflowTooltip.d.ts

@@ -1,61 +0,0 @@
-import { type Ref, type RefCallback } from "react";
-import { type TooltipImplementation, type TooltipOptions } from "./useTooltip.js";
-/**
- * @remarks \@since 6.0.0
- */
-export interface OverflowTooltipOptions extends TooltipOptions {
-    elementRef?: Ref<HTMLElement>;
-}
-/**
- * @remarks \@since 6.0.0
- */
-export interface OverflowTooltipImplementation extends TooltipImplementation {
-    nodeRef: RefCallback<HTMLElement>;
-}
-/**
- * This hook will ensure that a tooltip will only appear when text has
- * overflown by checking the size with the {@link useResizeObserver}.
- *
- * @example
- * ```tsx
- * import {
- *   cssUtils,
- *   Link,
- *   Tooltip,
- *   useOverflowTooltip,
- *   type LinkProps,
- * } from "@react-md/core";
- * import { type ReactElement } from "react";
- *
- * function NavigationLink(props: LinkProps): ReactElement {
- *   const { children, ...remaining } = props;
- *   const { nodeRef, elementProps, tooltipProps } = useOverflowTooltip(remaining);
- *
- *   return (
- *     <Link {...remaining} {...elementProps} style={{ width: "100%" }}>
- *       <span ref={nodeRef} className={cssUtils({ textOverflow: "ellipsis" })}>
- *         {children}
- *       </span>
- *       <Tooltip {...tooltipProps}>
- *         {children}
- *       </Tooltip>
- *     </Link>
- *   );
- * }
- *
- * function Example(): ReactElement {
- *   return (
- *     <div style={{ width: "10rem", overflow: "auto" }}>
- *       <NavigationLink href="/">Home</NavigationLink>
- *       <NavigationLink href="/some-path">
- *         Super long text that will be truncated with ellipsis and
- *         have a tooltip appear
- *       </NavigationLink>
- *     </div>
- *   );
- * }
- * ```
- *
- * @remarks \@since 6.0.0
- */
-export declare function useOverflowTooltip(options?: OverflowTooltipOptions): OverflowTooltipImplementation;