@espressif/dashboard-ui-components 1.11.2 → 1.12.0

package/dist/app-logo.props-Ct7QBdTd.d.ts

@@ -1,40 +0,0 @@
-import { A as AppName } from './index-BQANnKs9.js';
-
-/** A single logo image asset. */
-interface LogoAsset {
-    src: string;
-    width: number;
-    height: number;
-    /** Optional per-asset alt text; falls back to the component-level `alt` prop. */
-    alt?: string;
-}
-/** Light/dark variant pair. `dark` falls back to `light` when omitted. */
-interface LogoVariantSet {
-    light: LogoAsset;
-    dark?: LogoAsset;
-}
-/**
- * Nested asset config for `AppLogo`. Consumers pass this to render their own
- * images without adding a preset to the internal registry.
- *
- * Selection rule at render time:
- *   `(minimal ? (config.minimal ?? config.full) : config.full).(dark ?? light)`
- */
-interface LogoAssetConfig {
-    full: LogoVariantSet;
-    /** Icon-only variant used when the sidebar collapses or on mobile. Falls back to `full`. */
-    minimal?: LogoVariantSet;
-}
-interface AppLogoProps {
-    /** Internal preset key. Ignored when `logo` is set. */
-    name?: AppName;
-    /** Custom asset config. When set, `name` and the internal preset registry are ignored. */
-    logo?: LogoAssetConfig;
-    alt?: string;
-    darkMode?: boolean;
-    minimal?: boolean;
-    /** Override the rendered width. Height scales proportionally from the selected asset. */
-    width?: number;
-}
-
-export type { AppLogoProps as A, LogoAsset as L, LogoAssetConfig as a, LogoVariantSet as b };

package/dist/popover-ByLD3-Qv.d.ts

@@ -1,204 +0,0 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as React$1 from 'react';
-import { VariantProps } from 'class-variance-authority';
-import * as LabelPrimitive from '@radix-ui/react-label';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
-import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
-import { P as PresetColor, C as Color } from './index-BQANnKs9.js';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-
-type Variant = "outline" | "solid" | "soft" | "gradient";
-declare const VARIANTS: readonly ["outline", "solid", "soft", "gradient"];
-/** Duration (ms) for shared gradient hover animations (preset surfaces + overlay crossfade). */
-declare const VARIANT_GRADIENT_TRANSITION_DURATION_MS = 2000;
-/**
- * Tailwind duration class — keep in sync with {@link VARIANT_GRADIENT_TRANSITION_DURATION_MS}
- * so preset gradients, arbitrary gradient styles, and gradient backdrop overlays feel consistent.
- */
-declare const VARIANT_GRADIENT_DURATION_CLASS: "duration-[2000ms]";
-/**
- * Gradient hover cannot interpolate between two Tailwind `background-image` values on one
- * element (it snaps). Preset gradients use crossfading absolute underlays + `opacity` instead.
- */
-declare const VARIANT_GRADIENT_BACKDROP_BASE = "pointer-events-none absolute inset-0 -z-10 rounded-[inherit] bg-[length:100%_100%]";
-declare const VARIANT_GRADIENT_HOVER_OVERLAY_CLASS: string;
-/** Transparent frame + text/icon tint — gradients paint on {@link PRESET_GRADIENT_BACKDROP} layers. */
-declare const PRESET_GRADIENT_FRAME: Record<PresetColor, string>;
-declare const PRESET_GRADIENT_BACKDROP: Record<PresetColor, {
-    idle: string;
-    hover: string;
-}>;
-interface VariantStyles {
-    /** Container/surface classes (background, border, text). */
-    container: string;
-    containerStyle?: React$1.CSSProperties;
-    /** Foreground/text classes (use on labels, icons not living inside the container). */
-    foreground: string;
-    foregroundStyle?: React$1.CSSProperties;
-    /** Description/secondary text classes (slightly de-emphasized). */
-    description: string;
-    descriptionStyle?: React$1.CSSProperties;
-    /**
-     * Preset `gradient` only: idle/hover gradient utility classes for absolute underlay spans
-     * (smooth hover = opacity crossfade, see {@link VARIANT_GRADIENT_BACKDROP_BASE}).
-     */
-    gradientHoverLayers?: {
-        idle: string;
-        hover: string;
-    };
-    /**
-     * Non-preset `gradient` only: inline `backgroundImage` for each underlay (same crossfade pattern).
-     */
-    gradientHoverLayersInline?: {
-        idle: React$1.CSSProperties;
-        hover: React$1.CSSProperties;
-    };
-    /**
-     * `color === "silver" + variant === "gradient"`: render the metallic shine overlay (subtle
-     * surface-wide linear-gradient + inset bezel) on top of the gradient underlay layers.
-     * See `SilverShineOverlay`.
-     */
-    silverShine?: boolean;
-    /**
-     * `color === "silver" + variant === "outline"`: render the metallic ring overlay (1px gradient
-     * border with a truly transparent interior). See `SilverMetallicBorderOverlay`.
-     */
-    silverBorder?: boolean;
-}
-/** Non-preset `gradient` variant: `backgroundImage` for arbitrary colors (`idle` / `hover`). */
-declare function arbitraryGradientBackgroundImage(color: string, emphasis: "idle" | "hover"): string;
-/**
- * Resolve a `(variant, color)` tuple to container/foreground/description
- * classes (and inline styles for arbitrary colors). Single source of truth
- * for the four standard variants across Alert, Badge, Tag, SimpleClickableCard.
- */
-declare function resolveVariantStyles(variant: Variant, color: Color): VariantStyles;
-
-declare const buttonVariants: (props?: ({
-    variant?: "default" | "outline" | "link" | "ghost" | null | undefined;
-    size?: "sm" | "default" | "lg" | "icon" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
-    asChild?: boolean;
-}
-declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
-
-interface SeparatorProps extends React$1.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> {
-    /**
-     * Optional text displayed between two separator lines.
-     * When provided, the component renders a compound layout instead of a single line.
-     */
-    label?: string;
-    /**
-     * When `true` and `orientation` is `"vertical"`, each character in the label
-     * is rendered upright and stacked top-to-bottom. Has no effect on horizontal
-     * separators. Defaults to `false` (normal horizontal text).
-     */
-    stackLabel?: boolean;
-    /**
-     * Additional class names applied to the label `<span>`.
-     * Use this to override the default label typography or color.
-     */
-    labelClassName?: string;
-}
-declare const Separator: React$1.ForwardRefExoticComponent<SeparatorProps & React$1.RefAttributes<HTMLDivElement>>;
-
-declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
-
-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, asChild, ...props }: React.ComponentProps<"div"> & {
-    asChild?: boolean;
-}): React$1.JSX.Element;
-declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): React$1.JSX.Element;
-
-declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-
-declare const Breadcrumb: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
-    separator?: React$1.ReactNode;
-} & React$1.RefAttributes<HTMLElement>>;
-declare const BreadcrumbList: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
-declare const BreadcrumbItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
-declare const BreadcrumbLink: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
-    asChild?: boolean;
-} & React$1.RefAttributes<HTMLAnchorElement>>;
-declare const BreadcrumbPage: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
-declare const BreadcrumbSeparator: {
-    ({ children, className, ...props }: React$1.ComponentProps<"li">): React$1.JSX.Element;
-    displayName: string;
-};
-declare const BreadcrumbEllipsis: {
-    ({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
-    displayName: string;
-};
-
-declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
-
-declare const Collapsible: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React$1.RefAttributes<HTMLDivElement>>;
-declare const CollapsibleTrigger: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-/**
- * Animated container that holds the collapsible body.
- *
- * Lifecycle (inherited from Radix `@radix-ui/react-collapsible`):
- * - While the parent `Collapsible` is closed and `forceMount` is unset, the
- *   subtree is gated by Radix's `Presence` and `isOpen && children`, so it is
- *   never rendered into the DOM. `useEffect`/`useQuery`/etc. inside it do not
- *   fire.
- * - On first expand, the subtree mounts and effects fire.
- * - On collapse, the subtree unmounts after the close animation. On the next
- *   expand it remounts, so any data-fetching effect runs again. Cache at the
- *   data layer (e.g. React Query) if you need to avoid refetching per toggle.
- *
- * Footgun — JSX eager evaluation:
- * Any synchronous expression placed directly as a child of `CollapsibleContent`
- * is evaluated by the parent during its own render, before Radix sees it. No
- * collapsible primitive can prevent this. Wrap fetching/expensive work inside
- * a component so its effects fire on mount.
- *
- * @example
- * // Safe: DeviceDetails only mounts when expanded, so its fetch only runs then.
- * <CollapsibleContent>
- *   <DeviceDetails id={id} />
- * </CollapsibleContent>
- *
- * // Unsafe: fetchData(id) runs on every parent render for every card,
- * // regardless of open state.
- * <CollapsibleContent>
- *   {fetchData(id)}
- * </CollapsibleContent>
- *
- * Pass `forceMount` if you explicitly need the subtree mounted while closed
- * (e.g. SEO crawlers, layout measurement).
- */
-declare const CollapsibleContent: React$1.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-
-declare function useIsMobile(): boolean;
-
-declare const badgeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
-interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement> {
-    color?: Color;
-    variant?: Variant;
-}
-declare function Badge({ className, variant, color, style, children, ...props }: BadgeProps): React$1.JSX.Element;
-
-declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
-declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-declare const PopoverAnchor: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React$1.RefAttributes<HTMLDivElement>>;
-declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
-    /**
-     * Render the content in a portal at the document body. Defaults to `true`.
-     * Set `false` to render inline in the DOM tree, e.g. to keep the content
-     * within a specific stacking context. Positioning is unaffected either way:
-     * Radix Popper uses a fixed strategy.
-     */
-    portal?: boolean;
-} & React$1.RefAttributes<HTMLDivElement>>;
-
-export { VARIANT_GRADIENT_BACKDROP_BASE as A, Badge as B, Card as C, VARIANT_GRADIENT_DURATION_CLASS as D, VARIANT_GRADIENT_HOVER_OVERLAY_CLASS as E, VARIANT_GRADIENT_TRANSITION_DURATION_MS as F, type Variant as G, type VariantStyles as H, arbitraryGradientBackgroundImage as I, badgeVariants as J, buttonGroupVariants as K, Label as L, buttonVariants as M, resolveVariantStyles as N, useIsMobile as O, PRESET_GRADIENT_BACKDROP as P, Button as Q, type ButtonProps as R, Separator as S, VARIANTS as V, type BadgeProps as a, Breadcrumb as b, BreadcrumbEllipsis as c, BreadcrumbItem as d, BreadcrumbLink as e, BreadcrumbList as f, BreadcrumbPage as g, BreadcrumbSeparator as h, ButtonGroup as i, ButtonGroupSeparator as j, ButtonGroupText as k, CardContent as l, CardDescription as m, CardFooter as n, CardHeader as o, CardTitle as p, Collapsible as q, CollapsibleContent as r, CollapsibleTrigger as s, PRESET_GRADIENT_FRAME as t, Popover as u, PopoverAnchor as v, PopoverContent as w, PopoverTrigger as x, type SeparatorProps as y, Skeleton as z };