@godxjp/ui 31.31.8 → 32.0.1

package/dist/components/ui/accordion.js

@@ -1,254 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { chain, mergeRefs } from "@react-aria/utils";
-import {
-  ButtonContext,
-  Disclosure,
-  DisclosureGroup,
-  DisclosureGroupStateContext,
-  DisclosurePanel,
-  DisclosureStateContext,
-  useSlottedContext
-} from "react-aria-components";
-import { ChevronDown } from "lucide-react";
-import { cn } from "../../lib/utils.js";
-import { Slot } from "../../lib/slot.js";
-const AccordionGroupContext = React.createContext({
-  orientation: "vertical"
-});
-const AccordionItemContext = React.createContext(null);
-function useAccordionItem(component) {
-  const item = React.useContext(AccordionItemContext);
-  const state = React.useContext(DisclosureStateContext);
-  if (!item || !state) {
-    throw new Error(`\`${component}\` ph\u1EA3i n\u1EB1m trong \`AccordionItem\`.`);
-  }
-  return { item, state };
-}
-const TRIGGER_SELECTOR = '[data-slot="accordion-trigger"]:not([disabled])';
-function toArray(value) {
-  if (value === void 0) {
-    return [];
-  }
-  return Array.isArray(value) ? value : [value];
-}
-function Accordion(accordionProps) {
-  const {
-    type,
-    value,
-    defaultValue,
-    onValueChange,
-    collapsible,
-    orientation = "vertical",
-    dir,
-    disabled,
-    onKeyDown,
-    children,
-    ref,
-    ...props
-  } = accordionProps;
-  const [uncontrolled, setUncontrolled] = React.useState(() => toArray(defaultValue));
-  const isControlled = value !== void 0;
-  const expandedKeys = new Set(isControlled ? toArray(value) : uncontrolled);
-  function handleExpandedChange(keys) {
-    const next = [...keys].map(String);
-    if (type === "single" && !collapsible && next.length === 0) {
-      return;
-    }
-    if (!isControlled) {
-      setUncontrolled(next);
-    }
-    onValueChange?.(type === "multiple" ? next : next[0] ?? "");
-  }
-  function moveFocus(event) {
-    const from = event.target.closest?.(TRIGGER_SELECTOR);
-    if (!from) {
-      return;
-    }
-    const horizontal = orientation === "horizontal";
-    const forward = horizontal ? dir === "rtl" ? "ArrowLeft" : "ArrowRight" : "ArrowDown";
-    const backward = horizontal ? dir === "rtl" ? "ArrowRight" : "ArrowLeft" : "ArrowUp";
-    const triggers = [...event.currentTarget.querySelectorAll(TRIGGER_SELECTOR)];
-    const at = triggers.indexOf(from);
-    if (at < 0) {
-      return;
-    }
-    let to;
-    if (event.key === forward) {
-      to = (at + 1) % triggers.length;
-    } else if (event.key === backward) {
-      to = (at - 1 + triggers.length) % triggers.length;
-    } else if (event.key === "Home") {
-      to = 0;
-    } else if (event.key === "End") {
-      to = triggers.length - 1;
-    } else {
-      return;
-    }
-    event.preventDefault();
-    triggers[to].focus();
-  }
-  return /* @__PURE__ */ jsx(
-    DisclosureGroup,
-    {
-      allowsMultipleExpanded: type === "multiple",
-      expandedKeys,
-      onExpandedChange: handleExpandedChange,
-      isDisabled: disabled,
-      render: (racProps) => {
-        const {
-          className: _racClass,
-          "data-rac": _rac,
-          ref: racRef,
-          ...rest
-        } = racProps;
-        return /* @__PURE__ */ jsx(
-          "div",
-          {
-            ...props,
-            ...rest,
-            ref: mergeRefs(ref, racRef),
-            dir,
-            "data-orientation": orientation,
-            onKeyDown: chain(onKeyDown, moveFocus)
-          }
-        );
-      },
-      children: /* @__PURE__ */ jsx(AccordionGroupContext.Provider, { value: { orientation }, children })
-    }
-  );
-}
-function AccordionItem({
-  className,
-  disabled,
-  value,
-  children,
-  ref,
-  ...props
-}) {
-  const { orientation } = React.useContext(AccordionGroupContext);
-  const groupState = React.useContext(DisclosureGroupStateContext);
-  const isDisabled = Boolean(disabled || groupState?.isDisabled);
-  return /* @__PURE__ */ jsx(
-    Disclosure,
-    {
-      id: value,
-      isDisabled,
-      render: (racProps, { isExpanded }) => {
-        const {
-          className: _racClass,
-          "data-rac": _rac,
-          ref: racRef,
-          ...rest
-        } = racProps;
-        return /* @__PURE__ */ jsx(
-          "div",
-          {
-            "data-slot": "accordion-item",
-            className: cn("ui-accordion-item", className),
-            ...props,
-            ...rest,
-            ref: mergeRefs(ref, racRef),
-            "data-state": isExpanded ? "open" : "closed",
-            "data-disabled": isDisabled ? "" : void 0,
-            "data-orientation": orientation,
-            children: /* @__PURE__ */ jsx(AccordionItemContext.Provider, { value: { orientation, isDisabled }, children })
-          }
-        );
-      }
-    }
-  );
-}
-function AccordionTrigger({
-  asChild,
-  className,
-  children,
-  onClick,
-  ...props
-}) {
-  const { item, state } = useAccordionItem("AccordionTrigger");
-  const trigger = useSlottedContext(ButtonContext, "trigger");
-  const Comp = asChild ? Slot : "button";
-  const dataState = state.isExpanded ? "open" : "closed";
-  const dataDisabled = item.isDisabled ? "" : void 0;
-  return /* @__PURE__ */ jsx(
-    "h3",
-    {
-      className: "ui-accordion-header",
-      "data-orientation": item.orientation,
-      "data-state": dataState,
-      "data-disabled": dataDisabled,
-      children: /* @__PURE__ */ jsxs(
-        Comp,
-        {
-          type: "button",
-          id: trigger?.id,
-          "aria-controls": state.isExpanded ? trigger?.["aria-controls"] : void 0,
-          "aria-expanded": state.isExpanded,
-          "data-slot": "accordion-trigger",
-          "data-state": dataState,
-          "data-disabled": dataDisabled,
-          "data-orientation": item.orientation,
-          disabled: item.isDisabled,
-          className: cn("ui-accordion-trigger", className),
-          ...props,
-          onClick: chain(onClick, () => {
-            if (!item.isDisabled) {
-              state.toggle();
-            }
-          }),
-          children: [
-            children,
-            /* @__PURE__ */ jsx(ChevronDown, { className: "ui-accordion-chevron", "aria-hidden": "true" })
-          ]
-        }
-      )
-    }
-  );
-}
-function AccordionContent({
-  className,
-  forceMount,
-  children,
-  ref,
-  ...props
-}) {
-  const { item, state } = useAccordionItem("AccordionContent");
-  return /* @__PURE__ */ jsx(
-    DisclosurePanel,
-    {
-      role: "region",
-      render: (racProps) => {
-        const {
-          className: _racClass,
-          "data-rac": _rac,
-          children: _racChildren,
-          ref: racRef,
-          ...rest
-        } = racProps;
-        return /* @__PURE__ */ jsx(
-          "div",
-          {
-            "data-slot": "accordion-content",
-            className: cn("ui-accordion-content", className),
-            ...props,
-            ...rest,
-            ref: mergeRefs(ref, racRef),
-            "data-state": state.isExpanded ? "open" : "closed",
-            "data-disabled": item.isDisabled ? "" : void 0,
-            "data-orientation": item.orientation,
-            children: state.isExpanded || forceMount ? /* @__PURE__ */ jsx("div", { className: "ui-accordion-content-inner", children }) : null
-          }
-        );
-      },
-      children: null
-    }
-  );
-}
-export {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger
-};

package/dist/components/ui/aspect-ratio.d.ts

@@ -1,24 +0,0 @@
-import * as React from "react";
-/**
- * AspectRatio — hộp giữ tỉ lệ, dựng bằng thuộc tính CSS `aspect-ratio`.
- *
- * Radix dựng cái này bằng mẹo `padding-bottom` thời chưa có `aspect-ratio`: một
- * div bọc `position: relative; width: 100%; padding-bottom: (100/ratio)%`, rồi
- * div THẬT nằm trong nó ở `position: absolute; inset: 0`. Hai node, hai lớp
- * định vị, chỉ để nói một câu mà CSS ngày nay nói được bằng một khai báo.
- *
- * Nên node bọc biến mất và `.ui-aspect-ratio` giờ LÀ hộp tỉ lệ. Kiểm trước khi
- * đổi: không luật nào trong `src/styles/` bám vào `[data-radix-aspect-ratio-wrapper]`
- * hay vào việc `.ui-aspect-ratio` phải là con của một node khác — luật duy nhất
- * chạm tới nó là `.ui-aspect-ratio { overflow: clip; overflow-clip-margin }`
- * trong `layout.css`, và nó bám vào CHÍNH node này, node vẫn còn.
- *
- * `position: relative` được giữ lại dù không còn cần cho mẹo padding: node bọc
- * trước đây là containing block của mọi con `position: absolute` mà consumer
- * đặt vào (một overlay, một badge góc). Bỏ nó đi thì những con ấy lặng lẽ nhảy
- * ra neo vào tổ tiên định vị gần nhất ở ngoài.
- */
-export declare const AspectRatio: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    asChild?: boolean;
-    ratio?: number;
-} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ui/aspect-ratio.js

@@ -1,21 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { Slot } from "../../lib/slot.js";
-import { cn } from "../../lib/utils.js";
-const AspectRatio = React.forwardRef(({ className, ratio = 16 / 9, style, asChild = false, ...props }, ref) => {
-  const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      ref,
-      "data-slot": "aspect-ratio",
-      className: cn("ui-aspect-ratio", className),
-      style: { ...style, position: "relative", width: "100%", aspectRatio: `${ratio}` },
-      ...props
-    }
-  );
-});
-AspectRatio.displayName = "AspectRatio";
-export {
-  AspectRatio
-};

package/dist/components/ui/avatar.d.ts

@@ -1,16 +0,0 @@
-import * as React from "react";
-import { type ImageLoadingStatus } from "../../lib/image-loading-status.js";
-import type { AvatarImageFitProp, AvatarProp } from "../../props/components/data-display.prop.js";
-export declare const Avatar: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    asChild?: boolean;
-} & Pick<AvatarProp, "appearance" | "presence" | "presenceLabel" | "shape" | "size"> & React.RefAttributes<HTMLSpanElement>>;
-export declare const AvatarImage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & {
-    asChild?: boolean;
-    onLoadingStatusChange?: (status: ImageLoadingStatus) => void;
-    /** `cover` (default) crops to fill; `contain` shows a logo or app icon whole (gh#1176). */
-    fit?: AvatarImageFitProp;
-} & React.RefAttributes<HTMLImageElement>>;
-export declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    asChild?: boolean;
-    delayMs?: number;
-} & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/ui/avatar.js

@@ -1,115 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffectEvent, useLayoutEffect } from "@react-aria/utils";
-import * as React from "react";
-import { useTranslation } from "../../i18n/use-translation.js";
-import { useImageLoadingStatus } from "../../lib/image-loading-status.js";
-import { Slot } from "../../lib/slot.js";
-import { cn } from "../../lib/utils.js";
-const AvatarContext = React.createContext(null);
-function useAvatarContext(part) {
-  const context = React.useContext(AvatarContext);
-  if (context === null) {
-    throw new Error(`\`${part}\` must be used within \`Avatar\``);
-  }
-  return context;
-}
-const Avatar = React.forwardRef(
-  ({
-    className,
-    shape = "circle",
-    size = "md",
-    appearance = "default",
-    presence,
-    presenceLabel,
-    asChild = false,
-    children,
-    ...props
-  }, ref) => {
-    const { t } = useTranslation();
-    const [imageLoadingStatus, setImageLoadingStatus] = React.useState("idle");
-    const context = React.useMemo(
-      () => ({ imageLoadingStatus, setImageLoadingStatus }),
-      [imageLoadingStatus]
-    );
-    const Comp = asChild ? Slot : "span";
-    return /* @__PURE__ */ jsx(AvatarContext.Provider, { value: context, children: /* @__PURE__ */ jsxs(
-      Comp,
-      {
-        ref,
-        "data-slot": "avatar",
-        "data-shape": shape === "square" ? "square" : void 0,
-        "data-size": size === "md" ? void 0 : size,
-        "data-appearance": appearance === "tinted" ? "tinted" : void 0,
-        "data-presence": presence,
-        className: cn("ui-avatar", className),
-        ...props,
-        children: [
-          children,
-          presence !== void 0 ? /* @__PURE__ */ jsx("span", { "data-slot": "avatar-presence", "data-presence": presence, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: presenceLabel ?? t(`dataDisplay.avatar.presence.${presence}`) }) }) : null
-        ]
-      }
-    ) });
-  }
-);
-Avatar.displayName = "Avatar";
-const AvatarImage = React.forwardRef(({ className, src, onLoadingStatusChange, asChild = false, fit, ...props }, ref) => {
-  const { imageLoadingStatus, setImageLoadingStatus } = useAvatarContext("AvatarImage");
-  const status = useImageLoadingStatus(src, {
-    referrerPolicy: props.referrerPolicy,
-    crossOrigin: props.crossOrigin,
-    loadingStatus: imageLoadingStatus,
-    setLoadingStatus: setImageLoadingStatus
-  });
-  const handleLoadingStatusChange = useEffectEvent((next) => {
-    onLoadingStatusChange?.(next);
-  });
-  const previousStatus = React.useRef(status);
-  useLayoutEffect(() => {
-    const previous = previousStatus.current;
-    previousStatus.current = status;
-    if (status !== previous) {
-      handleLoadingStatusChange(status);
-    }
-  }, [status]);
-  const Comp = asChild ? Slot : "img";
-  return status === "loaded" ? /* @__PURE__ */ jsx(
-    Comp,
-    {
-      ref,
-      "data-slot": "avatar-image",
-      "data-fit": fit === "contain" ? "contain" : void 0,
-      className: cn("ui-avatar-image", className),
-      ...props,
-      src
-    }
-  ) : null;
-});
-AvatarImage.displayName = "AvatarImage";
-const AvatarFallback = React.forwardRef(({ className, delayMs, asChild = false, ...props }, ref) => {
-  const { imageLoadingStatus } = useAvatarContext("AvatarFallback");
-  const [canRender, setCanRender] = React.useState(delayMs === void 0);
-  React.useEffect(() => {
-    if (delayMs === void 0) {
-      return;
-    }
-    const timerId = window.setTimeout(() => setCanRender(true), delayMs);
-    return () => window.clearTimeout(timerId);
-  }, [delayMs]);
-  const Comp = asChild ? Slot : "span";
-  return canRender && imageLoadingStatus !== "loaded" ? /* @__PURE__ */ jsx(
-    Comp,
-    {
-      ref,
-      "data-slot": "avatar-fallback",
-      className: cn("ui-avatar-fallback", className),
-      ...props
-    }
-  ) : null;
-});
-AvatarFallback.displayName = "AvatarFallback";
-export {
-  Avatar,
-  AvatarFallback,
-  AvatarImage
-};

package/dist/components/ui/credential-reveal.d.ts

@@ -1,9 +0,0 @@
-import * as React from "react";
-import type { CredentialRevealProp } from "../../props/components/data-display.prop.js";
-export type { CredentialRevealProp, CredentialRevealProp as CredentialRevealProps, CredentialRevealTone, } from "../../props/components/data-display.prop.js";
-/**
- * CredentialReveal — one-time secret surface (device credential / API key / service-account
- * secret). Masked by default with a show/hide toggle, a copy button that confirms the copy, an
- * optional download, and an optional acknowledge action to pair with a Dialog.
- */
-export declare const CredentialReveal: React.ForwardRefExoticComponent<CredentialRevealProp & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ui/credential-reveal.js

@@ -1,160 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { Check, Copy, Download, Eye, EyeOff } from "lucide-react";
-import { useTranslation } from "../../i18n/use-translation.js";
-import { cn } from "../../lib/utils.js";
-import { Text } from "../general/typography.js";
-import { Button } from "../general/button.js";
-import { Alert, AlertDescription } from "../feedback/alert.js";
-const MASK = "\u2022".repeat(24);
-const COPIED_RESET_MS = 2e3;
-const CredentialReveal = React.forwardRef(
-  ({
-    secret,
-    label,
-    warning,
-    revealed,
-    defaultRevealed = false,
-    onRevealedChange,
-    onCopy,
-    onAcknowledge,
-    acknowledgeLabel,
-    downloadable = false,
-    downloadFileName = "credential.txt",
-    size = "md",
-    tone = "warning",
-    className,
-    id,
-    "aria-label": ariaLabel
-  }, ref) => {
-    const { t } = useTranslation();
-    const [internalRevealed, setInternalRevealed] = React.useState(defaultRevealed);
-    const isRevealed = revealed ?? internalRevealed;
-    const [copied, setCopied] = React.useState(false);
-    const copyTimer = React.useRef(null);
-    const labelId = React.useId();
-    React.useEffect(() => {
-      if (revealed === void 0) setInternalRevealed(defaultRevealed);
-      setCopied(false);
-    }, [secret]);
-    React.useEffect(
-      () => () => {
-        if (copyTimer.current) clearTimeout(copyTimer.current);
-      },
-      []
-    );
-    const setRevealed = (next) => {
-      if (revealed === void 0) setInternalRevealed(next);
-      onRevealedChange?.(next);
-    };
-    const copy = async () => {
-      try {
-        await navigator.clipboard.writeText(secret);
-        setCopied(true);
-        onCopy?.(secret);
-        if (copyTimer.current) clearTimeout(copyTimer.current);
-        copyTimer.current = setTimeout(() => setCopied(false), COPIED_RESET_MS);
-      } catch {
-      }
-    };
-    const download = () => {
-      if (typeof URL === "undefined" || typeof URL.createObjectURL !== "function") return;
-      const url = URL.createObjectURL(new Blob([secret], { type: "text/plain" }));
-      const anchor = document.createElement("a");
-      anchor.href = url;
-      anchor.download = downloadFileName;
-      document.body.appendChild(anchor);
-      anchor.click();
-      anchor.remove();
-      URL.revokeObjectURL(url);
-    };
-    const accessibleName = ariaLabel ?? (typeof label === "string" ? label : void 0) ?? t("ui.credentialReveal.secretLabel");
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        id,
-        "data-slot": "credential-reveal",
-        "data-size": size,
-        role: "group",
-        "aria-label": accessibleName,
-        className: cn("ui-credential-reveal", className),
-        children: [
-          warning !== null ? /* @__PURE__ */ jsx(Alert, { tone, className: "ui-credential-reveal-warning", children: /* @__PURE__ */ jsx(AlertDescription, { children: warning ?? t("ui.credentialReveal.warning") }) }) : null,
-          /* @__PURE__ */ jsxs("div", { className: "ui-credential-reveal-surface", children: [
-            label ? /* @__PURE__ */ jsx(
-              Text,
-              {
-                id: labelId,
-                size: "xs",
-                tone: "muted",
-                weight: "medium",
-                className: "ui-credential-reveal-label",
-                children: label
-              }
-            ) : null,
-            /* @__PURE__ */ jsxs("div", { className: "ui-credential-reveal-row", children: [
-              /* @__PURE__ */ jsx(
-                Text,
-                {
-                  mono: true,
-                  size: "sm",
-                  "data-slot": "credential-reveal-secret",
-                  "data-state": isRevealed ? "revealed" : "masked",
-                  "aria-labelledby": label ? labelId : void 0,
-                  "aria-label": label ? void 0 : accessibleName,
-                  className: "ui-credential-reveal-secret",
-                  children: isRevealed ? secret : MASK
-                }
-              ),
-              /* @__PURE__ */ jsxs("div", { className: "ui-credential-reveal-actions", children: [
-                /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    type: "button",
-                    variant: "ghost",
-                    size,
-                    onClick: () => setRevealed(!isRevealed),
-                    "aria-pressed": isRevealed,
-                    "aria-label": isRevealed ? t("ui.credentialReveal.hide") : t("ui.credentialReveal.show"),
-                    children: isRevealed ? /* @__PURE__ */ jsx(EyeOff, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Eye, { "aria-hidden": "true" })
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    type: "button",
-                    variant: "outline",
-                    size,
-                    onClick: copy,
-                    "data-state": copied ? "copied" : "idle",
-                    "aria-label": copied ? t("ui.credentialReveal.copied") : t("ui.credentialReveal.copy"),
-                    children: copied ? /* @__PURE__ */ jsx(Check, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Copy, { "aria-hidden": "true" })
-                  }
-                ),
-                downloadable ? /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    type: "button",
-                    variant: "ghost",
-                    size,
-                    onClick: download,
-                    "aria-label": t("ui.credentialReveal.download"),
-                    children: /* @__PURE__ */ jsx(Download, { "aria-hidden": "true" })
-                  }
-                ) : null
-              ] })
-            ] })
-          ] }),
-          onAcknowledge ? /* @__PURE__ */ jsx("div", { className: "ui-credential-reveal-footer", children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "default", size, onClick: onAcknowledge, children: acknowledgeLabel ?? t("ui.credentialReveal.acknowledge") }) }) : null,
-          /* @__PURE__ */ jsx("span", { "aria-live": "polite", className: "sr-only", "data-slot": "credential-reveal-status", children: copied ? t("ui.credentialReveal.copiedAnnounce") : "" })
-        ]
-      }
-    );
-  }
-);
-CredentialReveal.displayName = "CredentialReveal";
-export {
-  CredentialReveal
-};

package/dist/components/ui/hover-card.d.ts

@@ -1,47 +0,0 @@
-import * as React from "react";
-type Side = "top" | "right" | "bottom" | "left";
-type Align = "start" | "center" | "end";
-interface HoverCardProps {
-    /** Trạng thái mở, có kiểm soát. */
-    open?: boolean;
-    /** Trạng thái mở ban đầu khi không kiểm soát. */
-    defaultOpen?: boolean;
-    /** Gọi khi trạng thái mở/đóng đổi. */
-    onOpenChange?: (open: boolean) => void;
-    /** Thời gian rê chuột trước khi mở, tính bằng ms. */
-    openDelay?: number;
-    /** Thời gian sau khi con trỏ rời đi trước khi đóng, tính bằng ms. */
-    closeDelay?: number;
-}
-/**
- * HoverCard root. Defaults to a SNAPPY 200ms open / 100ms close (Radix's raw 700/300 default felt
- * laggy); consumers can still pass `openDelay`/`closeDelay`.
- */
-export declare function HoverCard({ open, defaultOpen, onOpenChange, openDelay, closeDelay, children, }: React.PropsWithChildren<HoverCardProps>): React.JSX.Element;
-interface HoverCardTriggerProps extends React.ComponentPropsWithRef<"a"> {
-    /** Mượn thẻ của con thay vì dựng `<a>` riêng. */
-    asChild?: boolean;
-}
-export declare function HoverCardTrigger({ asChild, onPointerEnter, onPointerLeave, onFocus, onBlur, ref, ...props }: HoverCardTriggerProps): React.JSX.Element;
-interface HoverCardContentProps extends React.ComponentPropsWithRef<"div"> {
-    /** Cạnh của trigger mà tấm thẻ bám vào. */
-    side?: Side;
-    /** Canh tấm thẻ theo cạnh của trigger. */
-    align?: Align;
-    /** Khoảng cách theo trục chính, tính bằng px. */
-    sideOffset?: number;
-    /** Khoảng cách theo trục phụ, tính bằng px. */
-    alignOffset?: number;
-    /** Lật tấm thẻ sang cạnh đối diện khi hết chỗ. */
-    avoidCollisions?: boolean;
-    /** Khoảng chừa với mép khung nhìn. RAC chỉ nhận một số; object lấy cạnh lớn nhất. */
-    collisionPadding?: number | Partial<Record<Side, number>>;
-    /** Không còn tác dụng trên nền RAC — giữ trong kiểu vì là API công khai. */
-    sticky?: "partial" | "always";
-    /** Không còn tác dụng trên nền RAC — giữ trong kiểu vì là API công khai. */
-    hideWhenDetached?: boolean;
-    /** Không còn tác dụng trên nền RAC — giữ trong kiểu vì là API công khai. */
-    forceMount?: true;
-}
-export declare function HoverCardContent({ className, style, children, ref, side, align, sideOffset, alignOffset, avoidCollisions, collisionPadding, sticky: _sticky, hideWhenDetached: _hideWhenDetached, forceMount: _forceMount, onPointerEnter, onPointerLeave, ...props }: HoverCardContentProps): React.JSX.Element;
-export {};