@godxjp/ui 31.31.8 → 32.0.1

package/dist/components/data-display/credential-reveal.js

@@ -1,5 +1,160 @@
 "use client";
-import { CredentialReveal } from "../ui/credential-reveal.js";
+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/data-display/image.js

@@ -469,12 +469,14 @@ const ImageRoot = React.forwardRef(function Image({
   const [visible, setVisible] = useMergedState(config.visible, false, config.onVisibleChange);
   const shownSrc = isError && fallback ? fallback : src;
   const showPlaceholder = placeholder != null && placeholder !== false && status === "loading";
-  const sized = size != null || width != null || height != null;
+  const intrinsic = fit === "intrinsic";
+  const sized = intrinsic || size != null || width != null || height != null;
   const frameFit = fit ?? (size != null || height != null ? "cover" : void 0);
   const frame = sized ? {
     "data-sized": "",
-    "data-size": size,
-    style: {
+    "data-size": intrinsic ? size ?? "md" : size,
+    "data-fit": intrinsic ? "intrinsic" : void 0,
+    style: intrinsic ? void 0 : {
       ...width != null ? { "--image-inline-size": cssLength(width) } : null,
       ...height != null ? { "--image-block-size": cssLength(height) } : null
     }

package/dist/components/data-display/index.d.ts

@@ -6,12 +6,8 @@ export { Swatch } from "./swatch.js";
 export type { SwatchProp, SwatchProps } from "./swatch.js";
 export { FeatureList } from "./feature-list.js";
 export type { FeatureItemProp, FeatureListProp, FeatureListProps, FeatureStateProp, } from "./feature-list.js";
-export { Thumbnail } from "./thumbnail.js";
-export type { ThumbnailProp, ThumbnailProps, ThumbnailSizeProp } from "./thumbnail.js";
 export { ListRow } from "./list-row.js";
 export type { ListRowProps, ListRowDensity } from "./list-row.js";
-export { Marquee } from "./marquee.js";
-export type { MarqueeDirectionProp, MarqueeProp, MarqueeProps, MarqueeSpeedProp } from "./marquee.js";
 export { CredentialReveal } from "./credential-reveal.js";
 export type { CredentialRevealProp, CredentialRevealProps, CredentialRevealTone, } from "./credential-reveal.js";
 export { QrCode } from "./qr-code.js";
@@ -31,35 +27,18 @@ export { EmptyState } from "./empty-state.js";
 export { Progress } from "./progress.js";
 export { CodeBlock } from "./code-block.js";
 export type { CodeBlockProp, CodeBlockProps } from "./code-block.js";
-export { TextDiff, diffText, tokenizeText } from "./text-diff.js";
-export type { TextDiffGranularity, TextDiffProp, TextDiffProps, TextDiffSegment, } from "./text-diff.js";
 export { Prose } from "./prose.js";
 export type { ProseProp, ProseProps } from "./prose.js";
 export type { ProgressProps, ProgressSegment, ProgressTone } from "./progress.js";
 export { Timeline } from "./timeline.js";
 export type { TimelineItem, TimelineProps } from "./timeline.js";
-export { TimelineGrid } from "./timeline-grid.js";
-export type { TimelineGridColumnProp, TimelineGridEventProp, TimelineGridProp, TimelineGridProps, } from "./timeline-grid.js";
 export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, } from "./popover.js";
 export { ScrollArea, ScrollBar } from "./scroll-area.js";
 export { Collapsible, CollapsibleTrigger, CollapsibleContent } from "./collapsible.js";
 export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "./accordion.js";
-export { HoverCard, HoverCardTrigger, HoverCardContent } from "./hover-card.js";
-export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CarouselDots, useCarousel, } from "./carousel.js";
-export type { CarouselApi } from "./carousel.js";
 export { PermissionMatrix } from "./permission-matrix.js";
 export type { PermissionMatrixGrantsProp, PermissionMatrixPermissionProp, PermissionMatrixProp, PermissionMatrixProps, PermissionMatrixRoleProp, } from "./permission-matrix.js";
-export { RangeTimeline } from "./range-timeline.js";
-export type { RangeTimelineProps, RangeTimelineRow } from "./range-timeline.js";
-export { ChatBubble, ChatBubbleList } from "./chat-bubble.js";
-export type { ChatBubbleListProp, ChatBubbleListProps, ChatBubblePlacementProp, ChatBubbleProp, ChatBubbleProps, ChatBubbleToneProp, ChatBubbleTypingProp, ChatBubbleVariantProp, ChatMessageProp, } from "./chat-bubble.js";
 export { Tree } from "./tree.js";
 export type { TreeAllowDropInfoProp, TreeDropInfoProp, TreeDropPositionProp, TreeNodeProp, TreeProp, TreeProps, } from "./tree.js";
-export { OrgChart } from "./org-chart.js";
-export type { OrgChartNodeProp, OrgChartNodeVariantProp, OrgChartProp, OrgChartProps, } from "./org-chart.js";
-export { Welcome } from "./welcome.js";
-export type { WelcomeProp, WelcomeProps, WelcomeVariantProp } from "./welcome.js";
-export { ThoughtChain, ThoughtChainItem } from "./thought-chain.js";
-export type { ThoughtChainProp, ThoughtChainProps, ThoughtChainItemsProp, ThoughtChainItemProp, ThoughtChainItemProps, ThoughtChainStatusProp, ThoughtChainLineProp, ThoughtChainVariantProp, } from "./thought-chain.js";
 export { Image, ImagePreviewGroup } from "./image.js";
 export type { ImagePreviewConfigProp, ImagePreviewGroupConfigProp, ImagePreviewGroupProp, ImagePreviewGroupProps, ImagePreviewItemProp, ImageProp, ImageProps, } from "./image.js";

package/dist/components/data-display/index.js

@@ -2,9 +2,7 @@ import { Badge, StatusBadge } from "./badge.js";
 import { Legend } from "./legend.js";
 import { Swatch } from "./swatch.js";
 import { FeatureList } from "./feature-list.js";
-import { Thumbnail } from "./thumbnail.js";
 import { ListRow } from "./list-row.js";
-import { Marquee } from "./marquee.js";
 import { CredentialReveal } from "./credential-reveal.js";
 import { QrCode } from "./qr-code.js";
 import { Avatar, AvatarImage, AvatarFallback } from "./avatar.js";
@@ -31,10 +29,8 @@ import { DataTable, flexRender } from "./data-table.js";
 import { EmptyState } from "./empty-state.js";
 import { Progress } from "./progress.js";
 import { CodeBlock } from "./code-block.js";
-import { TextDiff, diffText, tokenizeText } from "./text-diff.js";
 import { Prose } from "./prose.js";
 import { Timeline } from "./timeline.js";
-import { TimelineGrid } from "./timeline-grid.js";
 import {
   Popover,
   PopoverAnchor,
@@ -47,23 +43,8 @@ import {
 import { ScrollArea, ScrollBar } from "./scroll-area.js";
 import { Collapsible, CollapsibleTrigger, CollapsibleContent } from "./collapsible.js";
 import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "./accordion.js";
-import { HoverCard, HoverCardTrigger, HoverCardContent } from "./hover-card.js";
-import {
-  Carousel,
-  CarouselContent,
-  CarouselItem,
-  CarouselNext,
-  CarouselPrevious,
-  CarouselDots,
-  useCarousel
-} from "./carousel.js";
 import { PermissionMatrix } from "./permission-matrix.js";
-import { RangeTimeline } from "./range-timeline.js";
-import { ChatBubble, ChatBubbleList } from "./chat-bubble.js";
 import { Tree } from "./tree.js";
-import { OrgChart } from "./org-chart.js";
-import { Welcome } from "./welcome.js";
-import { ThoughtChain, ThoughtChainItem } from "./thought-chain.js";
 import { Image, ImagePreviewGroup } from "./image.js";
 export {
   Accordion,
@@ -83,14 +64,6 @@ export {
   CardFooter,
   CardHeader,
   CardTitle,
-  Carousel,
-  CarouselContent,
-  CarouselDots,
-  CarouselItem,
-  CarouselNext,
-  CarouselPrevious,
-  ChatBubble,
-  ChatBubbleList,
   CodeBlock,
   Collapsible,
   CollapsibleContent,
@@ -100,15 +73,10 @@ export {
   Descriptions,
   EmptyState,
   FeatureList,
-  HoverCard,
-  HoverCardContent,
-  HoverCardTrigger,
   Image,
   ImagePreviewGroup,
   Legend,
   ListRow,
-  Marquee,
-  OrgChart,
   PermissionMatrix,
   Popover,
   PopoverAnchor,
@@ -120,7 +88,6 @@ export {
   Progress,
   Prose,
   QrCode,
-  RangeTimeline,
   ScrollArea,
   ScrollBar,
   ServiceCatalogCta,
@@ -135,16 +102,7 @@ export {
   TableHead,
   TableHeader,
   TableRow,
-  TextDiff,
-  ThoughtChain,
-  ThoughtChainItem,
-  Thumbnail,
   Timeline,
-  TimelineGrid,
   Tree,
-  Welcome,
-  diffText,
-  flexRender,
-  tokenizeText,
-  useCarousel
+  flexRender
 };

package/dist/components/data-display/popover.d.ts

@@ -11,13 +11,25 @@ interface PopoverProps {
     onOpenChange?: (open: boolean) => void;
     /** Khoá tương tác ngoài panel và giam tiêu điểm, đúng như `modal` của Radix. */
     modal?: boolean;
+    /**
+     * What opens the panel. `"click"` (default): the trigger toggles a dialog panel. `"hover"`: a
+     * HOVER CARD — rich, non-modal preview content that opens when the pointer rests on the trigger
+     * for `openDelay` and closes `closeDelay` after it leaves (moving onto the card cancels the
+     * close); keyboard focus opens it and blur closes it immediately; touch never opens it. The
+     * panel is then not a dialog and takes no focus. This is what `HoverCard` was (v32 #1223).
+     */
+    openOn?: "click" | "hover";
+    /** `openOn="hover"` only: pointer rest before opening, in ms. Default 200. */
+    openDelay?: number;
+    /** `openOn="hover"` only: delay after the pointer leaves before closing, in ms. Default 100. */
+    closeDelay?: number;
 }
-export declare function Popover({ open, defaultOpen, onOpenChange, modal, children, }: React.PropsWithChildren<PopoverProps>): React.JSX.Element;
+export declare function Popover({ open, defaultOpen, onOpenChange, modal, openOn, openDelay, closeDelay, children, }: React.PropsWithChildren<PopoverProps>): React.JSX.Element;
 interface PopoverTriggerProps extends React.ComponentPropsWithRef<"button"> {
     /** Mượn thẻ của con thay vì dựng `<button>` riêng. */
     asChild?: boolean;
 }
-export declare function PopoverTrigger({ asChild, onClick, ref, ...props }: PopoverTriggerProps): React.JSX.Element;
+export declare function PopoverTrigger(props: PopoverTriggerProps): React.JSX.Element;
 interface PopoverAnchorProps extends React.ComponentPropsWithRef<"span"> {
     /** Mượn thẻ của con thay vì dựng `<span>` riêng. */
     asChild?: boolean;
@@ -91,7 +103,7 @@ interface PopoverContentProps extends React.ComponentPropsWithRef<"div">, Popove
      */
     onCloseAutoFocus?: (event: Event) => void;
 }
-export declare function PopoverContent({ className, style, children, ref, flush, width, side, align, sideOffset, alignOffset, avoidCollisions, collisionPadding, sticky: _sticky, hideWhenDetached: _hideWhenDetached, forceMount: _forceMount, onOpenAutoFocus, onCloseAutoFocus, portalContainer, ...props }: PopoverContentProps): React.JSX.Element;
+export declare function PopoverContent(props: PopoverContentProps): React.JSX.Element;
 export declare const PopoverHeader: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
 export declare const PopoverTitle: ({ className, id, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
 export declare const PopoverDescription: ({ className, id, ...props }: React.HTMLAttributes<HTMLParagraphElement>) => React.JSX.Element;

package/dist/components/data-display/popover.js

@@ -42,6 +42,9 @@ function Popover({
   defaultOpen,
   onOpenChange,
   modal = false,
+  openOn = "click",
+  openDelay = 200,
+  closeDelay = 100,
   children
 }) {
   const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen ?? false);
@@ -64,8 +67,53 @@ function Popover({
     },
     [open, onOpenChange]
   );
+  const openTimer = React.useRef(null);
+  const closeTimer = React.useRef(null);
+  const hover = React.useMemo(() => {
+    const clearOpen = () => {
+      if (openTimer.current) clearTimeout(openTimer.current);
+      openTimer.current = null;
+    };
+    const clearClose = () => {
+      if (closeTimer.current) clearTimeout(closeTimer.current);
+      closeTimer.current = null;
+    };
+    return {
+      setOpenImmediately: (next) => {
+        clearOpen();
+        clearClose();
+        setOpen(next);
+      },
+      scheduleOpen: () => {
+        clearClose();
+        if (openTimer.current) return;
+        openTimer.current = setTimeout(() => {
+          openTimer.current = null;
+          setOpen(true);
+        }, openDelay);
+      },
+      scheduleClose: () => {
+        clearOpen();
+        if (closeTimer.current) return;
+        closeTimer.current = setTimeout(() => {
+          closeTimer.current = null;
+          setOpen(false);
+        }, closeDelay);
+      },
+      cancelClose: clearClose
+    };
+  }, [setOpen, openDelay, closeDelay]);
+  React.useEffect(
+    () => () => {
+      if (openTimer.current) clearTimeout(openTimer.current);
+      if (closeTimer.current) clearTimeout(closeTimer.current);
+    },
+    []
+  );
   const value = React.useMemo(
     () => ({
+      openOn,
+      ...hover,
       open: isOpen,
       setOpen,
       contentId,
@@ -83,6 +131,8 @@ function Popover({
       triggerId
     }),
     [
+      openOn,
+      hover,
       isOpen,
       setOpen,
       contentId,
@@ -97,7 +147,11 @@ function Popover({
   );
   return /* @__PURE__ */ jsx(PopoverRootContext.Provider, { value, children });
 }
-function PopoverTrigger({ asChild, onClick, ref, ...props }) {
+function PopoverTrigger(props) {
+  const root = usePopoverRoot("PopoverTrigger");
+  return root.openOn === "hover" ? /* @__PURE__ */ jsx(HoverTrigger, { ...props }) : /* @__PURE__ */ jsx(ClickTrigger, { ...props });
+}
+function ClickTrigger({ asChild, onClick, ref, ...props }) {
   const root = usePopoverRoot("PopoverTrigger");
   const Comp = asChild ? Slot : "button";
   return /* @__PURE__ */ jsx(
@@ -116,6 +170,36 @@ function PopoverTrigger({ asChild, onClick, ref, ...props }) {
     }
   );
 }
+function HoverTrigger({
+  asChild,
+  onPointerEnter,
+  onPointerLeave,
+  onFocus,
+  onBlur,
+  ref,
+  ...props
+}) {
+  const root = usePopoverRoot("PopoverTrigger");
+  const Comp = asChild ? Slot : "a";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-state": root.open ? "open" : "closed",
+      ...props,
+      ref: mergeRefs(ref, root.triggerRef),
+      onPointerEnter: chain(onPointerEnter, (event) => {
+        if (event.pointerType === "touch") return;
+        root.scheduleOpen();
+      }),
+      onPointerLeave: chain(onPointerLeave, (event) => {
+        if (event.pointerType === "touch") return;
+        root.scheduleClose();
+      }),
+      onFocus: chain(onFocus, () => root.setOpenImmediately(true)),
+      onBlur: chain(onBlur, () => root.setOpenImmediately(false))
+    }
+  );
+}
 function PopoverAnchor({ asChild, ref, ...props }) {
   const root = usePopoverRoot("PopoverAnchor");
   const Comp = asChild ? Slot : "span";
@@ -131,7 +215,11 @@ const POPOVER_SURFACE_INLINE_SIZE = {
   auto: "auto",
   trigger: "var(--trigger-width)"
 };
-function PopoverContent({
+function PopoverContent(props) {
+  const root = usePopoverRoot("PopoverContent");
+  return root.openOn === "hover" ? /* @__PURE__ */ jsx(HoverContent, { ...props }) : /* @__PURE__ */ jsx(ClickContent, { ...props });
+}
+function ClickContent({
   className,
   style,
   children,
@@ -275,6 +363,84 @@ function PopoverContent({
     }
   );
 }
+function HoverContent({
+  className,
+  style,
+  children,
+  ref,
+  flush: _flush,
+  width: _width,
+  side = "bottom",
+  align = "center",
+  sideOffset = 4,
+  alignOffset,
+  avoidCollisions = true,
+  collisionPadding,
+  sticky: _sticky,
+  hideWhenDetached: _hideWhenDetached,
+  forceMount: _forceMount,
+  onOpenAutoFocus: _onOpenAutoFocus,
+  onCloseAutoFocus: _onCloseAutoFocus,
+  portalContainer,
+  onPointerEnter,
+  onPointerLeave,
+  ...props
+}) {
+  const root = usePopoverRoot("PopoverContent");
+  const overlayPortalContainer = useOverlayPortalContainer(portalContainer);
+  return /* @__PURE__ */ jsx(
+    AriaPopover,
+    {
+      UNSTABLE_portalContainer: overlayPortalContainer,
+      isOpen: root.open,
+      onOpenChange: root.setOpenImmediately,
+      isNonModal: true,
+      triggerRef: root.anchored ? root.anchorRef : root.triggerRef,
+      placement: toPlacement(side, align),
+      offset: sideOffset,
+      crossOffset: alignOffset,
+      shouldFlip: avoidCollisions,
+      containerPadding: toContainerPadding(collisionPadding),
+      render: (racProps, { isExiting }) => {
+        const {
+          className: _racClassName,
+          "data-rac": _rac,
+          ref: racRef,
+          style: racStyle,
+          ...rest
+        } = racProps;
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            ...rest,
+            "data-slot": "hover-card-content",
+            "data-side": side,
+            "data-align": align,
+            "data-state": isExiting ? "closed" : "open",
+            ...props,
+            ref: mergeRefs(ref, racRef),
+            onPointerEnter: chain(onPointerEnter, () => root.cancelClose()),
+            onPointerLeave: chain(onPointerLeave, () => root.scheduleClose()),
+            className: cn(
+              "ui-hover-card-content origin-[var(--radix-hover-card-content-transform-origin)]",
+              "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+              "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+              "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2",
+              "data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2",
+              className
+            ),
+            style: {
+              ...racStyle,
+              "--radix-hover-card-content-transform-origin": "var(--trigger-anchor-point)",
+              ...style
+            },
+            children
+          }
+        );
+      }
+    }
+  );
+}
 const PopoverHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { "data-slot": "popover-header", className: cn("ui-popover-header", className), ...props });
 const PopoverTitle = ({ className, id, ...props }) => {
   const root = usePopoverRoot("PopoverTitle");

package/dist/components/data-entry/branch-scope-picker.d.ts

@@ -5,7 +5,7 @@ export type { BranchScopeModeProp, BranchScopeOptionProp, BranchScopePickerProp,
  * Domain data (the branches) is 100% consumer-supplied. - **Value** is a single
  * controlled/uncontrolled object `{ mode, branchIds }`, so a form treats scope as ONE field.
  */
-export declare const BranchScopePicker: React.ForwardRefExoticComponent<import("../../lib/field-a11y.js").FieldA11yProps & {
+export declare const BranchScopePicker: React.ForwardRefExoticComponent<import(".").FieldA11yProps & {
     branches: readonly import("./branch-scope-picker.js").BranchScopeOptionProp[];
     value?: BranchScopeValueProp;
     defaultValue?: BranchScopeValueProp;

package/dist/components/data-entry/index.d.ts

@@ -7,10 +7,6 @@ export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScro
 export { Checkbox } from "./checkbox.js";
 export { CheckboxGroup } from "./checkbox-group.js";
 export { Radio, RadioGroup, RadioItem, RadioGroupRoot } from "./radio.js";
-export { ChatComposer } from "./chat-composer.js";
-export type { ChatComposerProp, ChatComposerProps, ChatComposerSubmitTypeProp, } from "./chat-composer.js";
-export { ChatSuggestion } from "./chat-suggestion.js";
-export type { ChatSuggestionProp, ChatSuggestionProps, ChatSuggestionItemProp, ChatSuggestionRenderProp, } from "./chat-suggestion.js";
 export { Textarea } from "./textarea.js";
 export type { TextareaProps } from "./textarea.js";
 export { Form, useFormLayout, type FormLayoutContextValue } from "./form.js";
@@ -54,10 +50,6 @@ export type { TransferProps, TransferItemProp } from "./transfer.js";
 export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from "./command.js";
 export type { CommandProps } from "./command.js";
 export { CommandPalette } from "./command-palette.js";
-export { EmojiPicker } from "./emoji-picker.js";
-export { SortableList } from "./sortable-list.js";
-export type { SortableListItemProp, SortableListProp, SortableListProps } from "./sortable-list.js";
-export type { EmojiPickerProp, EmojiPickerProps } from "./emoji-picker.js";
 export type { CommandPaletteGroup, CommandPaletteItem, CommandPaletteLabels, CommandPaletteProps, CommandPaletteSelectModifiers, } from "./command-palette.js";
 export { PasswordInput } from "./password-input.js";
 export type { PasswordInputProps, PasswordVisibilityToggleProp } from "./password-input.js";
@@ -67,8 +59,6 @@ export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator } from "./inpu
 export type { InputOTPAlignProp, InputOTPGroupAppearanceProp, InputOTPGroupProp, InputOTPGroupProps, InputOTPMaskProp, InputOTPProp, InputOTPProps, } from "./input-otp.js";
 export { Rating } from "./rating.js";
 export type { RatingProps } from "./rating.js";
-export { TagInput } from "./tag-input.js";
-export type { TagInputProps } from "./tag-input.js";
 export { Segmented } from "./segmented.js";
 export type { SegmentedOption, SegmentedProp, SegmentedProps } from "./segmented.js";
 export { BranchScopePicker } from "./branch-scope-picker.js";
@@ -77,7 +67,10 @@ export { TimeRangePicker } from "./time-range-picker.js";
 export type { TimeRangePickerProps } from "./time-range-picker.js";
 export type { UploadRequestContext, UploadResult, UploadRejection } from "./upload-types.js";
 export type { UploadItemActions } from "./upload-types.js";
-export { Attachments } from "./attachments.js";
-export type { AttachmentsProp, AttachmentsProps, AttachmentsItemProp, AttachmentsPlaceholderProp, AttachmentsOverflowProp, AttachmentsRefProp, } from "./attachments.js";
 export { DayButton, dateMatchModifiers } from "./calendar.js";
 export type { DateRange, Modifiers, DayPickerProps, DayButtonProps, Matcher, CalendarDay, DateLib, } from "./calendar.js";
+export { pickFieldA11y, omitFieldA11y, useFieldIdentity } from "../../lib/field-a11y.js";
+export type { FieldA11yProps } from "../../lib/field-a11y.js";
+export { controlSurfaceAttrs, resolveAriaInvalid } from "./control-surface.js";
+export { isImeComposing } from "../../lib/ime.js";
+export { readDroppedFiles } from "./upload-files.js";