@bug-on/md3-react 2.0.3 → 3.0.0

package/dist/ui/text-field/subcomponents/floating-label.d.ts

@@ -1,43 +0,0 @@
-/**
- * @file floating-label.tsx
- * Animated floating label for MD3 TextField.
- * Animates between inline (body large) and floated (body small) positions.
- */
-import * as React from "react";
-export interface FloatingLabelProps {
-    /** The label text content. */
-    text: string;
-    /** Whether the label is in the floated (small) position. */
-    isFloated: boolean;
-    /** Whether the field is currently focused. */
-    isFocused: boolean;
-    /** Whether the field is in error state. */
-    isError: boolean;
-    /** Whether the field is disabled. */
-    isDisabled: boolean;
-    /** 'filled' or 'outlined' — determines vertical y offset. */
-    variant: "filled" | "outlined";
-    /** Container height in px (56 normal, 48 dense). */
-    containerHeight: number;
-    /** Whether to skip animations (prefers-reduced-motion). */
-    prefersReduced: boolean;
-    /** Whether the required asterisk should be shown. */
-    showAsterisk: boolean;
-    /** ID of the label element, for associating with a containing element. */
-    htmlFor?: string;
-    /** Ref callback so the parent can measure label width for the outlined notch. */
-    labelRef?: React.Ref<HTMLSpanElement>;
-    /** Whether there is a leading icon. */
-    hasLeading?: boolean;
-}
-/**
- * MD3 Expressive Floating Label.
- *
- * Animates y-position, scale, and color when the label floats.
- * Uses `transformOrigin: 'left center'` so scaling anchors at the start.
- *
- * @accessibility
- * Rendered as a `<label>` with `htmlFor` linking to the `<input>`.
- * When floated, visual size changes but the semantic label is unchanged.
- */
-export declare const FloatingLabel: React.NamedExoticComponent<FloatingLabelProps>;

package/dist/ui/text-field/subcomponents/leading-icon.d.ts

@@ -1,23 +0,0 @@
-/**
- * @file leading-icon.tsx
- * Leading icon slot for MD3 TextField.
- */
-import * as React from "react";
-export interface LeadingIconProps {
-    /** Icon node — should be 24×24px. */
-    children: React.ReactNode;
-    /** Whether the field is in error state (changes icon color). */
-    isError: boolean;
-    /** Whether the field is disabled. */
-    isDisabled: boolean;
-}
-/**
- * MD3 Leading Icon wrapper.
- *
- * Decorative — `aria-hidden="true"`.
- * Color: `on-surface-variant` (default), `error` (error state).
- * Size: 24×24px icon, 48×56px touch target via flex alignment.
- *
- * @see https://m3.material.io/components/text-fields/specs#anatomy
- */
-export declare const LeadingIcon: React.NamedExoticComponent<LeadingIconProps>;

package/dist/ui/text-field/subcomponents/outline-container.d.ts

@@ -1,42 +0,0 @@
-/**
- * @file outline-container.tsx
- * MD3-compliant outlined border with animated notch for the Outlined TextField.
- *
- * Implementation: 3-segment approach inspired by Material Web's fieldset/legend pattern.
- * The top border is split into: [left-segment] [notch-gap] [right-segment].
- * The notch-gap width animates from 0 → (labelWidth × scaleRatio + 8px) when label floats.
- *
- * This mirrors Material Web's implementation without requiring <fieldset> semantics.
- *
- * @see https://github.com/material-components/material-web/tree/main/textfield
- * @see https://m3.material.io/components/text-fields/specs#outlined-text-field
- */
-import * as React from "react";
-export interface OutlineContainerProps {
-    /** Whether the label is in the floated position. */
-    isFloated: boolean;
-    /** Whether the field is focused. */
-    isFocused: boolean;
-    /** Whether the field is in error state. */
-    isError: boolean;
-    /** Whether the field is disabled. */
-    isDisabled: boolean;
-    /** Whether the field is hovered. */
-    isHovered: boolean;
-    /**
-     * Measured width of the label element in its full (unfloated) size.
-     * The notch width = labelWidth × scaleRatio + 2×notchPadding.
-     */
-    labelWidth: number;
-    /** Whether to disable animations. */
-    prefersReduced: boolean;
-}
-/**
- * MD3 Outlined TextField container with animated notch.
- *
- * The notch gap expands/collapses in sync with the FloatingLabel animation,
- * creating the visual effect of the label breaking through the border.
- *
- * Accessibility: `aria-hidden="true"` — purely decorative border.
- */
-export declare const OutlineContainer: React.NamedExoticComponent<OutlineContainerProps>;

package/dist/ui/text-field/subcomponents/prefix-suffix.d.ts

@@ -1,24 +0,0 @@
-/**
- * @file prefix-suffix.tsx
- * Prefix and suffix text for MD3 TextField.
- * Visible only when the label is floated (or when there is no label).
- */
-import * as React from "react";
-export interface PrefixSuffixProps {
-    text: string;
-    type: "prefix" | "suffix";
-    /** Whether the label is floated (controls visibility). */
-    visible: boolean;
-    /** Disable animations. */
-    prefersReduced: boolean;
-}
-/**
- * MD3 Prefix / Suffix Text.
- *
- * Animates in/out in sync with the floating label using AnimatePresence.
- * Hidden when label is in the inline position (would overlap the label).
- *
- * @accessibility
- * `aria-hidden="true"` — decorative. Screen readers read the full value in context.
- */
-export declare const PrefixSuffix: React.NamedExoticComponent<PrefixSuffixProps>;

package/dist/ui/text-field/subcomponents/supporting-text.d.ts

@@ -1,37 +0,0 @@
-/**
- * @file supporting-text.tsx
- * Supporting text, error text, and character counter for MD3 TextField.
- *
- * Animates in/out using AnimatePresence. Uses aria-live for accessibility.
- */
-import * as React from "react";
-export interface SupportingTextProps {
-    /** Helper text shown in normal state. */
-    supportingText?: string;
-    /** Error message — shown instead of supportingText when isError=true. */
-    errorText?: string;
-    /** Whether field is in error state. */
-    isError: boolean;
-    /** Current character count (value.length). */
-    charCount?: number;
-    /** Maximum character limit. Counter shown only when maxLength is set. */
-    maxLength?: number;
-    /** ID for aria-describedby linking from the input. */
-    id: string;
-    /** Disable animations. */
-    prefersReduced: boolean;
-}
-/**
- * MD3 Supporting Text area.
- *
- * Layout: [helper/error text] [character counter]
- * - Error text replaces supporting text when isError=true.
- * - Character counter shows only when maxLength is provided.
- * - Both use aria-live="polite" to announce changes to screen readers.
- * - Animates in/out with opacity + y-offset via AnimatePresence.
- *
- * @accessibility
- * - Error text: `aria-live="polite"` — screen readers announce when error appears.
- * - Counter: `aria-live="polite"` — announces count changes.
- */
-export declare const SupportingText: React.NamedExoticComponent<SupportingTextProps>;

package/dist/ui/text-field/subcomponents/trailing-icon.d.ts

@@ -1,41 +0,0 @@
-/**
- * @file trailing-icon.tsx
- * Trailing icon slot for MD3 TextField.
- *
- * Supports three built-in modes:
- * - 'clear': ✕ button, visible when field has value
- * - 'password-toggle': eye icon, toggles password visibility
- * - 'custom': renders the `children` prop
- */
-import * as React from "react";
-import type { TextFieldTrailingIconMode } from "../text-field.types";
-export interface TrailingIconProps {
-    mode: TextFieldTrailingIconMode;
-    /** Custom icon content (used when mode='custom'). */
-    children?: React.ReactNode;
-    /** Current input value — used to determine if clear button is visible. */
-    value: string;
-    /** Whether password is currently visible (for password-toggle mode). */
-    showPassword?: boolean;
-    /** Fires when clear button is clicked. */
-    onClear?: () => void;
-    /** Fires when password visibility toggle is clicked. */
-    onPasswordToggle?: () => void;
-    /** Whether the field is in error state. */
-    isError: boolean;
-    /** Whether the field is disabled. */
-    isDisabled: boolean;
-    /** Disable animations. */
-    prefersReduced: boolean;
-}
-/**
- * MD3 Trailing Icon.
- *
- * Touch target: 48×48px (padding extends the hit area beyond the 24×24 icon).
- *
- * @accessibility
- * - Clear button: `aria-label="Clear input"`
- * - Password toggle: `aria-label="Show password"` / `"Hide password"`
- * - Custom: no aria — consumer provides accessible markup
- */
-export declare const TrailingIcon: React.NamedExoticComponent<TrailingIconProps>;

package/dist/ui/text-field/text-field.d.ts

@@ -1,49 +0,0 @@
-/**
- * @file text-field.tsx
- * MD3 Expressive TextField — Filled & Outlined variants.
- *
- * Features:
- * - Floating label animation (Framer Motion)
- * - Filled (active indicator) and Outlined (notch border) variants
- * - Controlled & uncontrolled value handling
- * - Built-in clear button, password toggle
- * - Prefix / suffix text
- * - Supporting text, error text, character counter
- * - Leading & trailing icon slots
- * - Textarea support
- * - Native form validation + imperative handle
- * - Full WCAG AA accessibility
- * - prefers-reduced-motion support
- *
- * @see https://m3.material.io/components/text-fields/overview
- */
-import * as React from "react";
-import type { TextFieldHandle, TextFieldProps } from "./text-field.types";
-/**
- * MD3 Expressive TextField.
- *
- * Supports `filled` and `outlined` variants, floating label animation,
- * prefix/suffix, leading/trailing icons, supporting text, character counter,
- * textarea mode, clear button, password toggle, and native form validation.
- *
- * @example
- * ```tsx
- * // Filled (default)
- * <TextField label="Email" type="email" />
- *
- * // Outlined with error
- * <TextField variant="outlined" label="Username" error errorText="Already taken" />
- *
- * // With clear button
- * <TextField label="Search" trailingIconMode="clear" />
- *
- * // Password with toggle
- * <TextField label="Password" type="password" trailingIconMode="password-toggle" />
- *
- * // With character counter
- * <TextField label="Bio" maxLength={140} supportingText="Describe yourself" />
- * ```
- *
- * @see https://m3.material.io/components/text-fields/overview
- */
-export declare const TextField: React.NamedExoticComponent<Omit<TextFieldProps, "ref"> & React.RefAttributes<TextFieldHandle>>;

package/dist/ui/text-field/text-field.tokens.d.ts

@@ -1,76 +0,0 @@
-/**
- * @file text-field.tokens.ts
- * MD3 design token mapping for the TextField component.
- *
- * All color values reference CSS custom properties defined by the MD3 theme.
- * Do NOT use raw hex values — always use CSS variables.
- *
- * @see https://m3.material.io/components/text-fields/specs
- */
-export declare const TF_COLORS: {
-    /** Filled container background */
-    readonly filledBg: "var(--color-m3-surface-container-highest)";
-    /** Input text color */
-    readonly inputText: "var(--color-m3-on-surface)";
-    /** Label (unfloated) + icons + prefix/suffix + supporting text */
-    readonly onSurfaceVariant: "var(--color-m3-on-surface-variant)";
-    /** Focused active indicator / outline, floated label */
-    readonly primary: "var(--color-m3-primary)";
-    /** Error indicator / outline / label / icon / supporting text */
-    readonly error: "var(--color-m3-error)";
-    /** Outlined border (enabled) */
-    readonly outline: "var(--color-m3-outline)";
-    /** Transparent */
-    readonly transparent: "transparent";
-};
-export declare const TF_SIZE: {
-    /** Container height — normal */
-    readonly height: 56;
-    /** Container height — dense variant */
-    readonly denseHeight: 48;
-    /** Active indicator height — enabled */
-    readonly indicatorThin: 1;
-    /** Active indicator height — focused */
-    readonly indicatorThick: 2;
-    /** Outline stroke width — enabled */
-    readonly outlineThin: 1;
-    /** Outline stroke width — focused */
-    readonly outlineThick: 2;
-    /** Corner radius — all variants */
-    readonly cornerRadius: 4;
-    /** Leading/Trailing icon size */
-    readonly iconSize: 24;
-    /** Padding inline start (no leading icon) */
-    readonly paddingStart: 16;
-    /** Padding inline start (with leading icon) */
-    readonly paddingStartWithIcon: 12;
-    /** Padding inline end */
-    readonly paddingEnd: 16;
-    /** Padding inline end (with trailing icon) */
-    readonly paddingEndWithIcon: 12;
-    /** Notch extra padding per side on outlined label gap */
-    readonly notchPadding: 4;
-};
-export declare const TF_TYPOGRAPHY: {
-    /** Body Large — input text, unfloated label */
-    readonly bodyLargePx: 16;
-    /** Body Small — floated label, supporting text, counter */
-    readonly bodySmallPx: 12;
-    /** Scale ratio when label floats: 12/16 = 0.75 */
-    readonly labelScaleRatio: number;
-};
-/**
- * Tailwind utility classes for key TextField elements.
- * Use via cn() — do NOT use these as standalone strings without merging.
- */
-export declare const TF_CLASSES: {
-    readonly filledContainer: "bg-[var(--color-m3-surface-container-highest)] rounded-tl-[4px] rounded-tr-[4px] rounded-bl-none rounded-br-none";
-    readonly outlinedContainer: "bg-transparent rounded-[4px]";
-    readonly input: "bg-transparent outline-none w-full text-base text-[var(--color-m3-on-surface)] caret-[var(--color-m3-primary)] placeholder:text-[var(--color-m3-on-surface-variant)]";
-    readonly inputNoSpinner: "[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none";
-    readonly disabled: "opacity-[0.38] pointer-events-none cursor-not-allowed";
-    readonly supportingText: "text-xs text-[var(--color-m3-on-surface-variant)] px-4";
-    readonly errorText: "text-xs text-[var(--color-m3-error)] px-4";
-    readonly prefixSuffix: "text-base text-[var(--color-m3-on-surface-variant)] select-none shrink-0";
-    readonly stateLayer: "absolute inset-0 bg-[var(--color-m3-on-surface)] opacity-0 transition-opacity duration-150 pointer-events-none rounded-[inherit]";
-};

package/dist/ui/text-field/text-field.types.d.ts

@@ -1,126 +0,0 @@
-/**
- * @file text-field.types.ts
- * TypeScript interfaces and types for TextField MD3 Expressive component.
- * @see https://m3.material.io/components/text-fields/overview
- */
-import type * as React from "react";
-export type TextFieldVariant = "filled" | "outlined";
-export type TextFieldInputType = "text" | "email" | "number" | "password" | "search" | "tel" | "url" | "textarea";
-export type TextFieldTrailingIconMode = "none" | "clear" | "password-toggle" | "custom";
-/**
- * Imperative handle exposed via forwardRef.
- * Allows parent components to programmatically control the text field.
- */
-export interface TextFieldHandle {
-    /** Focuses the input element. */
-    focus(): void;
-    /** Blurs the input element. */
-    blur(): void;
-    /** Selects all text in the input. */
-    select(): void;
-    /** Clears the current value and fires onChange with empty string. */
-    clear(): void;
-    /** Sets a custom validation message on the native input. */
-    setCustomValidity(message: string): void;
-    /** Returns true if the input is valid. Does not show validation UI. */
-    checkValidity(): boolean;
-    /** Returns true if the input is valid. Shows validation UI if invalid. */
-    reportValidity(): boolean;
-    /** Returns the current value string. */
-    getValue(): string;
-    /** Returns the underlying input or textarea element. */
-    getInputElement(): HTMLInputElement | HTMLTextAreaElement | null;
-}
-export interface TextFieldProps {
-    /** Filled or outlined variant. @default 'filled' */
-    variant?: TextFieldVariant;
-    /** Floating label text. Also used as accessible name when no aria-label is set. */
-    label?: string;
-    /** Controlled value. Use with onChange for controlled mode. */
-    value?: string;
-    /** Initial value for uncontrolled mode. */
-    defaultValue?: string;
-    /** Fires when value changes. Receives new value string and native event. */
-    onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    /** Input type. Use 'textarea' for multi-line input. @default 'text' */
-    type?: TextFieldInputType;
-    /** Placeholder text — shown only when no label OR label is floated. */
-    placeholder?: string;
-    name?: string;
-    id?: string;
-    autoComplete?: string;
-    inputMode?: React.HTMLAttributes<HTMLInputElement>["inputMode"];
-    /** Number of rows for textarea type. @default 2 */
-    rows?: number;
-    /** Number of columns for textarea type. @default 20 */
-    cols?: number;
-    /** Whether the textarea should automatically resize to fit its content. @default false */
-    autoResize?: boolean;
-    /** Maximum number of rows when autoResize is true. */
-    maxRows?: number;
-    /** CSS direction override for input text. */
-    textDirection?: "ltr" | "rtl" | "";
-    /** Marks field as required. Shows asterisk on label. */
-    required?: boolean;
-    /** Hides the asterisk even when required=true. */
-    noAsterisk?: boolean;
-    /** Manual error override — forces error visual state. */
-    error?: boolean;
-    /** Error message shown below the field (replaces supportingText). */
-    errorText?: string;
-    minLength?: number;
-    /** When set, enables character counter display. */
-    maxLength?: number;
-    min?: string;
-    max?: string;
-    step?: string;
-    pattern?: string;
-    /** For type="email" — allows multiple email addresses. */
-    multiple?: boolean;
-    /** Helper text shown below the field. Replaced by errorText when in error state. */
-    supportingText?: string;
-    /** Text displayed before the input value (e.g., "$"). */
-    prefixText?: string;
-    /** Text displayed after the input value (e.g., ".00"). */
-    suffixText?: string;
-    /** Icon node for the leading slot. Should be 24×24px. */
-    leadingIcon?: React.ReactNode;
-    /** Custom trailing icon node. Used when trailingIconMode='custom'. */
-    trailingIcon?: React.ReactNode;
-    /**
-     * Built-in trailing icon behavior.
-     * - 'none' — no trailing icon
-     * - 'clear' — ✕ button, clears value when clicked
-     * - 'password-toggle' — eye icon, toggles password visibility
-     * - 'custom' — uses trailingIcon prop
-     * @default 'none'
-     */
-    trailingIconMode?: TextFieldTrailingIconMode;
-    disabled?: boolean;
-    readOnly?: boolean;
-    /** Hides spinner arrows on type="number". */
-    noSpinner?: boolean;
-    form?: string;
-    "aria-label"?: string;
-    "aria-describedby"?: string;
-    "aria-labelledby"?: string;
-    /** Extra class applied to the root wrapper element. */
-    className?: string;
-    /** Makes the component fill its container width. */
-    fullWidth?: boolean;
-    /** Dense variant — reduced height (48px instead of 56px). */
-    dense?: boolean;
-    onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-    onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-    onKeyUp?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-    ref?: React.Ref<TextFieldHandle>;
-    /**
-     * Controls when the scrollbars are visible when type="textarea".
-     * - `hover`: Show on hover (default)
-     * - `scroll`: Show only while scrolling
-     * - `always`: Always visible
-     * - `none`: Never visible
-     */
-    scrollAreaType?: "hover" | "scroll" | "always" | "none";
-}

package/dist/ui/theme-provider/index.d.ts

@@ -1,48 +0,0 @@
-import { type ReactNode } from "react";
-import { type ThemeMode } from "../../lib/theme-utils";
-import { Typography } from "../typography/typography";
-import { type FontVariationAxes } from "../typography/typography-tokens";
-interface ThemeContextValue {
-    sourceColor: string;
-    setSourceColor: (color: string) => void;
-    mode: ThemeMode;
-    setMode: (mode: ThemeMode) => void;
-}
-export interface MD3ThemeProviderProps {
-    children: ReactNode;
-    sourceColor?: string;
-    defaultMode?: ThemeMode;
-    persistToLocalStorage?: boolean;
-    /**
-     * A fully custom `Typography` instance.
-     * When provided, `fontFamily` and `fontVariationAxes` are ignored.
-     */
-    typography?: Typography;
-    /**
-     * Override the CSS `font-family` for all typography styles.
-     * Ignored when `typography` prop is provided.
-     * @example "'Inter', sans-serif"
-     */
-    fontFamily?: string;
-    /**
-     * Variable font axes applied globally via `font-variation-settings`.
-     * Merged on top of defaults (`ROND: 100`). Ignored when `typography` is provided.
-     * @example { ROND: 50 }
-     */
-    fontVariationAxes?: FontVariationAxes;
-    /**
-     * When `true`, mounts `SnackbarHost` inside the provider and exposes
-     * `useSnackbar()` to all descendants — no separate `<SnackbarProvider>` needed.
-     *
-     * Opt-in, default `false`. For advanced usage (e.g., scoped snackbars or
-     * custom host positioning), keep this `false` and use `<SnackbarProvider>`
-     * or `<SnackbarHost>` directly.
-     *
-     * @default false
-     */
-    enableSnackbar?: boolean;
-}
-export declare function MD3ThemeProvider({ children, sourceColor: initialSourceColor, defaultMode, persistToLocalStorage, typography: typographyProp, fontFamily, fontVariationAxes, enableSnackbar, }: MD3ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
-export declare function useTheme(): ThemeContextValue;
-export declare function useThemeMode(): Pick<ThemeContextValue, "mode" | "setMode">;
-export {};

package/dist/ui/toc.d.ts

@@ -1,80 +0,0 @@
-/**
- * @file toc.tsx
- *
- * Table of Contents component for long-form documentation pages.
- *
- * Uses `IntersectionObserver` to track which section heading is currently in the
- * viewport and highlights the corresponding link. Smooth-scrolls to the target
- * when a link is clicked (respecting the browser's `prefers-reduced-motion`
- * media query via the native `scrollIntoView` API).
- *
- * @remarks
- * - SSR-safe: `IntersectionObserver` usage is guarded by a `typeof` check.
- * - The observer `rootMargin` is tuned for documentation layout with a fixed header
- *   (~100px) and early deactivation (~80% from bottom) so the active item changes
- *   before the section scrolls off-screen.
- */
-import { type ScrollAreaProps } from "./scroll-area";
-/**
- * A single entry in the Table of Contents.
- *
- * @example
- * ```ts
- * const items: ToCItem[] = [
- *   { id: "installation", label: "Installation" },
- *   { id: "usage", label: "Usage" },
- * ];
- * ```
- */
-export interface ToCItem {
-    /** The DOM `id` attribute of the corresponding section heading. */
-    id: string;
-    /** Human-readable label shown in the ToC. */
-    label: string;
-}
-/**
- * Props for the `TableOfContents` component.
- */
-export interface TableOfContentsProps {
-    /**
-     * Ordered list of section items to display.
-     * Each item must have a matching DOM element with the same `id`.
-     */
-    items: ToCItem[];
-    /**
-     * Additional CSS classes applied to the root `<nav>` element.
-     * Use this to control positioning (e.g. sticky, fixed) from the consumer.
-     */
-    className?: string;
-    /**
-     * Configuration for the internal ScrollArea.
-     * @default { type: "hover" }
-     */
-    scrollAreaProps?: Omit<ScrollAreaProps, "children">;
-}
-/**
- * Table of Contents sidebar component.
- *
- * Renders a `<nav>` sidebar with links to page sections. Tracks the active
- * section using `IntersectionObserver` and applies active styles to the
- * current link.
- *
- * @remarks
- * - Visible only on `xl` screens (`hidden xl:block` — sticky sidebar).
- * - The `aria-current` attribute is set on the active link for screen readers.
- * - Click scroll is smooth: `scrollIntoView({ behavior: "smooth" })`.
- *
- * @example
- * ```tsx
- * const toc: ToCItem[] = [
- *   { id: "overview", label: "Overview" },
- *   { id: "props", label: "Props" },
- *   { id: "examples", label: "Examples" },
- * ];
- *
- * <TableOfContents items={toc} />
- * ```
- *
- * @see https://m3.material.io/foundations/content-design/navigation
- */
-export declare function TableOfContents({ items, className, scrollAreaProps, }: TableOfContentsProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/tooltip/plain-tooltip.d.ts

@@ -1,2 +0,0 @@
-import type { PlainTooltipProps } from "./tooltip.types";
-export declare const PlainTooltip: import("react").ForwardRefExoticComponent<PlainTooltipProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/ui/tooltip/rich-tooltip.d.ts

@@ -1,2 +0,0 @@
-import type { RichTooltipProps } from "./tooltip.types";
-export declare const RichTooltip: import("react").ForwardRefExoticComponent<RichTooltipProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/ui/tooltip/tooltip-box.d.ts

@@ -1,2 +0,0 @@
-import type { TooltipBoxProps } from "./tooltip.types";
-export declare function TooltipBox({ children, tooltip, placement, trigger, state: controlledState, spacingFromAnchor, disabled, className, showDelay, hideDelay, "aria-label": ariaLabel, }: TooltipBoxProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/tooltip/tooltip-caret-shape.d.ts

@@ -1,9 +0,0 @@
-export interface TooltipCaretProps {
-    side: "top" | "bottom" | "left" | "right";
-    width?: number;
-    height?: number;
-    color?: string;
-    customPath?: string;
-    className?: string;
-}
-export declare function TooltipCaretShape({ side, width, height, color, customPath, className, }: TooltipCaretProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/tooltip/tooltip.tokens.d.ts

@@ -1,26 +0,0 @@
-export declare const TooltipTokens: {
-    readonly PlainTooltip: {
-        readonly containerColor: "var(--md-sys-color-inverse-surface)";
-        readonly textColor: "var(--md-sys-color-inverse-on-surface)";
-        readonly shape: "rounded-[4px]";
-        readonly font: "text-[12px] font-normal tracking-[0.4px] leading-[16px]";
-        readonly height: "min-h-6";
-        readonly padding: "px-2 py-1";
-        readonly maxWidth: "max-w-50";
-    };
-    readonly RichTooltip: {
-        readonly containerColor: "var(--md-sys-color-surface-container)";
-        readonly elevation: "shadow-md";
-        readonly shape: "rounded-[12px]";
-        readonly paddingTop: "pt-3";
-        readonly paddingBottom: "pb-2";
-        readonly paddingX: "px-4";
-        readonly maxWidth: "max-w-80";
-        readonly subheadColor: "var(--md-sys-color-on-surface-variant)";
-        readonly subheadFont: "text-[14px] font-medium leading-[20px]";
-        readonly bodyColor: "var(--md-sys-color-on-surface-variant)";
-        readonly bodyFont: "text-[14px] font-normal leading-[20px]";
-        readonly actionColor: "var(--md-sys-color-primary)";
-        readonly actionFont: "text-[14px] font-medium leading-[20px]";
-    };
-};