@godxjp/ui 31.31.7 → 32.0.0

package/dist/components/data-entry/chat-suggestion.js

@@ -1,309 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { useTranslation } from "../../i18n/use-translation.js";
-import { cn } from "../../lib/utils.js";
-import { VisuallyHidden } from "../general/visually-hidden.js";
-import { Popover, PopoverAnchor, PopoverContent } from "../data-display/popover.js";
-import { Command, CommandEmpty, CommandItem, CommandList } from "./command.js";
-import { isImeComposing } from "../../lib/ime.js";
-function matchTrigger(text, caret, trigger, { allowSpaces = false, terminator } = {}) {
-  if (!trigger) return null;
-  const before = text.slice(0, caret);
-  const start = before.lastIndexOf(trigger);
-  if (start === -1) return null;
-  const query = before.slice(start + trigger.length);
-  if (allowSpaces ? /\n/.test(query) : /\s/.test(query)) return null;
-  if (terminator && query.includes(terminator)) return null;
-  const preceding = start === 0 ? "" : before[start - 1];
-  if (trigger.length === 1 && preceding !== "" && !/\s/.test(preceding) && preceding.charCodeAt(0) < 128) {
-    return null;
-  }
-  return { query, start };
-}
-function levelItems(items, path) {
-  let current = items;
-  for (const step of path) {
-    const next = current.find((item) => item.value === step)?.children;
-    if (!next) return current;
-    current = next;
-  }
-  return current;
-}
-function labelOf(item) {
-  return item.label ?? item.value;
-}
-function matches(item, query) {
-  if (!query) return true;
-  const needle = query.toLocaleLowerCase();
-  return labelOf(item).toLocaleLowerCase().includes(needle) || item.value.toLocaleLowerCase().includes(needle) || (item.description?.toLocaleLowerCase().includes(needle) ?? false);
-}
-function ChatSuggestion({
-  items,
-  onValueChange,
-  triggerCharacter = "/",
-  open,
-  defaultOpen,
-  onOpenChange,
-  children,
-  emptyMessage,
-  listLabel: listLabelProp,
-  id,
-  className,
-  allowSpaces = false,
-  terminator,
-  shouldFilter = true,
-  onQueryChange
-}) {
-  const { t } = useTranslation();
-  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen ?? false);
-  const isOpen = open ?? uncontrolledOpen;
-  const [query, setQuery] = React.useState("");
-  const [path, setPath] = React.useState([]);
-  const [activeValue, setActiveValue] = React.useState("");
-  const [activeId, setActiveId] = React.useState(void 0);
-  const anchorRef = React.useRef(null);
-  const contentRef = React.useRef(null);
-  const [listId, setListId] = React.useState(void 0);
-  const field = React.useCallback(() => anchorRef.current?.querySelector("textarea") ?? null, []);
-  const openRef = React.useRef(isOpen);
-  openRef.current = isOpen;
-  const setOpen = React.useCallback(
-    (next) => {
-      if (openRef.current === next) return;
-      openRef.current = next;
-      if (open === void 0) setUncontrolledOpen(next);
-      onOpenChange?.(next);
-      if (!next) {
-        setQuery("");
-        setPath([]);
-      }
-    },
-    [open, onOpenChange]
-  );
-  const visible = React.useMemo(() => {
-    const level = levelItems(items, path);
-    return shouldFilter ? level.filter((item) => matches(item, query)) : level;
-  }, [items, path, query, shouldFilter]);
-  React.useEffect(() => {
-    if (isOpen) onQueryChange?.(query);
-  }, [isOpen, query, onQueryChange]);
-  const enabled = React.useMemo(() => visible.filter((item) => !item.disabled), [visible]);
-  React.useEffect(() => {
-    if (enabled.length === 0) {
-      setActiveValue("");
-      return;
-    }
-    setActiveValue(
-      (current) => enabled.some((item) => item.value === current) ? current : enabled[0].value
-    );
-  }, [enabled]);
-  React.useEffect(() => {
-    if (!isOpen) {
-      setListId(void 0);
-      setActiveId(void 0);
-      return;
-    }
-    const content = contentRef.current;
-    setListId(content?.querySelector("[cmdk-list]")?.id || void 0);
-    setActiveId(content?.querySelector('[cmdk-item][aria-selected="true"]')?.id || void 0);
-  });
-  const dismissedStartRef = React.useRef(null);
-  const close = React.useCallback(() => {
-    const node = field();
-    const caret = node ? node.selectionStart ?? node.value.length : 0;
-    const hit = node ? matchTrigger(node.value, caret, triggerCharacter, { allowSpaces, terminator }) : null;
-    dismissedStartRef.current = hit ? hit.start : null;
-    setOpen(false);
-    field()?.focus();
-  }, [field, setOpen, triggerCharacter, allowSpaces, terminator]);
-  const evaluate = React.useCallback(() => {
-    const node = field();
-    if (!node) return;
-    const caret = node.selectionStart ?? node.value.length;
-    const hit = matchTrigger(node.value, caret, triggerCharacter, { allowSpaces, terminator });
-    if (!hit) {
-      dismissedStartRef.current = null;
-      setOpen(false);
-      return;
-    }
-    if (hit.start === dismissedStartRef.current) {
-      setOpen(false);
-      return;
-    }
-    dismissedStartRef.current = null;
-    setQuery(hit.query);
-    setOpen(true);
-  }, [field, setOpen, triggerCharacter, allowSpaces, terminator]);
-  const onTrigger = React.useCallback(
-    (next) => {
-      if (next === false) {
-        setOpen(false);
-        return;
-      }
-      if (next === void 0) {
-        setQuery("");
-        setOpen(true);
-        return;
-      }
-      window.setTimeout(evaluate, 0);
-    },
-    [evaluate, setOpen]
-  );
-  const pick = React.useCallback(
-    (item) => {
-      if (item.disabled) return;
-      if (item.children && item.children.length > 0) {
-        setPath((current) => [...current, item.value]);
-        setQuery("");
-        field()?.focus();
-        return;
-      }
-      onValueChange?.(item.value);
-      setOpen(false);
-      field()?.focus();
-    },
-    [field, onValueChange, setOpen]
-  );
-  const move = React.useCallback(
-    (direction) => {
-      if (enabled.length === 0) return;
-      const index = enabled.findIndex((item) => item.value === activeValue);
-      const from = index === -1 ? direction === 1 ? -1 : 0 : index;
-      const next = (from + direction + enabled.length) % enabled.length;
-      setActiveValue(enabled[next].value);
-    },
-    [activeValue, enabled]
-  );
-  const onKeyDown = React.useCallback(
-    (event) => {
-      if (isImeComposing(event)) return;
-      if (!openRef.current) {
-        if (event.key.startsWith("Arrow") || event.key === "Home" || event.key === "End") {
-          window.setTimeout(evaluate, 0);
-        }
-        return;
-      }
-      switch (event.key) {
-        case "ArrowDown":
-          event.preventDefault();
-          move(1);
-          return;
-        case "ArrowUp":
-          event.preventDefault();
-          move(-1);
-          return;
-        case "Enter":
-        case "Tab": {
-          const item = enabled.find((candidate) => candidate.value === activeValue);
-          if (!item) return;
-          event.preventDefault();
-          pick(item);
-          return;
-        }
-        case "Escape":
-          event.preventDefault();
-          event.stopPropagation();
-          close();
-          return;
-        default:
-          if (event.key.startsWith("Arrow") || event.key === "Home" || event.key === "End") {
-            window.setTimeout(evaluate, 0);
-          }
-      }
-    },
-    [activeValue, close, enabled, evaluate, move, pick]
-  );
-  const listLabel = listLabelProp ?? t("dataEntry.chatSuggestion.label");
-  return /* @__PURE__ */ jsxs(Popover, { open: isOpen, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsxs(
-      PopoverAnchor,
-      {
-        ref: anchorRef,
-        id,
-        "data-slot": "chat-suggestion",
-        className: cn("block w-full", className),
-        onPointerUp: () => window.setTimeout(evaluate, 0),
-        onBlurCapture: (event) => {
-          const next = event.relatedTarget;
-          if (next && anchorRef.current?.contains(next)) return;
-          if (openRef.current) setOpen(false);
-        },
-        children: [
-          children({
-            onTrigger,
-            onKeyDown
-          }),
-          /* @__PURE__ */ jsx(FieldPopupWiring, { field, open: isOpen, listId, activeId }),
-          /* @__PURE__ */ jsx(VisuallyHidden, { role: "status", "aria-live": "polite", children: isOpen ? t("dataEntry.chatSuggestion.count", { count: visible.length }) : "" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      PopoverContent,
-      {
-        ref: contentRef,
-        flush: true,
-        align: "start",
-        "aria-label": listLabel,
-        className: "ui-chat-suggestion-panel",
-        onOpenAutoFocus: (event) => event.preventDefault(),
-        onCloseAutoFocus: (event) => event.preventDefault(),
-        children: /* @__PURE__ */ jsx(
-          Command,
-          {
-            value: activeValue,
-            onValueChange: setActiveValue,
-            shouldFilter: false,
-            label: listLabel,
-            children: /* @__PURE__ */ jsxs(CommandList, { label: listLabel, children: [
-              /* @__PURE__ */ jsx(CommandEmpty, { children: emptyMessage ?? t("dataEntry.chatSuggestion.empty") }),
-              visible.map((item) => /* @__PURE__ */ jsxs(
-                CommandItem,
-                {
-                  value: item.value,
-                  disabled: item.disabled,
-                  onSelect: () => pick(item),
-                  children: [
-                    item.icon ? /* @__PURE__ */ jsx("span", { className: "flex shrink-0 items-center", "aria-hidden": "true", children: item.icon }) : null,
-                    /* @__PURE__ */ jsxs("span", { className: "ui-chat-suggestion-item-text", children: [
-                      /* @__PURE__ */ jsx("span", { className: "truncate", children: labelOf(item) }),
-                      item.description ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground truncate text-xs", children: item.description }) : null
-                    ] })
-                  ]
-                },
-                item.value
-              ))
-            ] })
-          }
-        )
-      }
-    )
-  ] });
-}
-ChatSuggestion.displayName = "ChatSuggestion";
-function FieldPopupWiring({
-  field,
-  open,
-  listId,
-  activeId
-}) {
-  React.useEffect(() => {
-    const node = field();
-    if (!node) return;
-    node.setAttribute("aria-haspopup", "listbox");
-    node.setAttribute("aria-autocomplete", "list");
-    if (open && listId) {
-      node.setAttribute("aria-controls", listId);
-      if (activeId) node.setAttribute("aria-activedescendant", activeId);
-      else node.removeAttribute("aria-activedescendant");
-    } else {
-      node.removeAttribute("aria-controls");
-      node.removeAttribute("aria-activedescendant");
-    }
-  }, [activeId, field, listId, open]);
-  return null;
-}
-export {
-  ChatSuggestion
-};

package/dist/components/data-entry/tag-input.d.ts

@@ -1,2 +0,0 @@
-export { TagInput } from "../ui/tag-input.js";
-export type { TagInputProps } from "../ui/tag-input.js";

package/dist/components/data-entry/tag-input.js

@@ -1,5 +0,0 @@
-"use client";
-import { TagInput } from "../ui/tag-input.js";
-export {
-  TagInput
-};

package/dist/components/feedback/banner.d.ts

@@ -1,21 +0,0 @@
-import * as React from "react";
-import type { BannerProp } from "../../props/components/feedback.prop.js";
-export type { BannerProp, BannerProp as BannerProps } from "../../props/components/feedback.prop.js";
-export declare const Banner: React.ForwardRefExoticComponent<BannerProp & React.RefAttributes<HTMLDivElement>> & {
-    Title: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & {
-        className?: import("../../props/index.js").ClassNameProp;
-        children?: import("../../props/index.js").ChildrenProp;
-    } & React.RefAttributes<HTMLParagraphElement>>;
-    Content: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-        className?: import("../../props/index.js").ClassNameProp;
-        children?: import("../../props/index.js").ChildrenProp;
-    } & React.RefAttributes<HTMLDivElement>>;
-    Description: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & {
-        className?: import("../../props/index.js").ClassNameProp;
-        children?: import("../../props/index.js").ChildrenProp;
-    } & React.RefAttributes<HTMLParagraphElement>>;
-    Actions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-        className?: import("../../props/index.js").ClassNameProp;
-        children?: import("../../props/index.js").ChildrenProp;
-    } & React.RefAttributes<HTMLDivElement>>;
-};

package/dist/components/feedback/banner.js

@@ -1,19 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { AlertActions, AlertBase, AlertContent, AlertDescription, AlertTitle } from "./alert.js";
-const BannerBase = React.forwardRef((props, ref) => (
-  // `variant` sits AFTER the spread: the type already excludes it, and the runtime half of the
-  // same guarantee means a spread of leftover Alert props can never silently downgrade the strip.
-  /* @__PURE__ */ jsx(AlertBase, { ref, ...props, variant: "banner" })
-));
-BannerBase.displayName = "Banner";
-const Banner = Object.assign(BannerBase, {
-  Title: AlertTitle,
-  Content: AlertContent,
-  Description: AlertDescription,
-  Actions: AlertActions
-});
-export {
-  Banner
-};

package/dist/components/feedback/callout.d.ts

@@ -1,23 +0,0 @@
-import * as React from "react";
-import type { CalloutKindProp } from "../../props/vocabulary/index.js";
-export type { CalloutProp, CalloutProp as CalloutProps, } from "../../props/components/feedback.prop.js";
-export declare const Callout: React.ForwardRefExoticComponent<Omit<import("./alert.js").AlertProp, "onDismiss" | "variant"> & {
-    kind?: CalloutKindProp;
-} & React.RefAttributes<HTMLDivElement>> & {
-    Title: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & {
-        className?: import("../../props/index.js").ClassNameProp;
-        children?: import("../../props/index.js").ChildrenProp;
-    } & React.RefAttributes<HTMLParagraphElement>>;
-    Content: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-        className?: import("../../props/index.js").ClassNameProp;
-        children?: import("../../props/index.js").ChildrenProp;
-    } & React.RefAttributes<HTMLDivElement>>;
-    Description: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & {
-        className?: import("../../props/index.js").ClassNameProp;
-        children?: import("../../props/index.js").ChildrenProp;
-    } & React.RefAttributes<HTMLParagraphElement>>;
-    Actions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-        className?: import("../../props/index.js").ClassNameProp;
-        children?: import("../../props/index.js").ChildrenProp;
-    } & React.RefAttributes<HTMLDivElement>>;
-};

package/dist/components/feedback/callout.js

@@ -1,42 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { Info, Lightbulb, MessageSquareWarning, OctagonAlert, TriangleAlert } from "lucide-react";
-import { AlertActions, AlertBase, AlertContent, AlertDescription, AlertTitle } from "./alert.js";
-const KINDS = {
-  note: { tone: "info", icon: Info },
-  tip: { tone: "success", icon: Lightbulb },
-  important: { tone: "neutral", icon: MessageSquareWarning },
-  warning: { tone: "warning", icon: TriangleAlert },
-  caution: { tone: "destructive", icon: OctagonAlert }
-};
-const CalloutBase = React.forwardRef(
-  ({ kind = "note", tone, icon, ...props }, ref) => {
-    const preset = KINDS[kind];
-    return (
-      // `variant` sits AFTER the spread, as on Banner: the type already excludes it, and the
-      // runtime half of the same guarantee means a spread of leftover Alert props can never
-      // silently turn this aside back into a live region.
-      /* @__PURE__ */ jsx(
-        AlertBase,
-        {
-          ref,
-          tone: tone ?? preset.tone,
-          icon: icon ?? preset.icon,
-          ...props,
-          variant: "callout"
-        }
-      )
-    );
-  }
-);
-CalloutBase.displayName = "Callout";
-const Callout = Object.assign(CalloutBase, {
-  Title: AlertTitle,
-  Content: AlertContent,
-  Description: AlertDescription,
-  Actions: AlertActions
-});
-export {
-  Callout
-};

package/dist/components/layout/auth-shell.d.ts

@@ -1,10 +0,0 @@
-import type { AuthShellProp } from "../../props/components/layout.prop.js";
-export type { AuthShellProp, AuthShellProp as AuthShellProps, } from "../../props/components/layout.prop.js";
-/**
- * AuthShell — centred auth/login page shell (login · mfa · passkey · device · reset). A top brand
- * bar (banner), a centred `main` that holds the auth `Card`, and an optional footer (contentinfo),
- * over a `min-h-dvh` surface. The banner also carries page-level `actions` at its inline end (a
- * locale picker, a theme toggle), and `measure="wide"` opens the content slot to the split login
- * (a brand panel beside the card) that used to have no shell of its own.
- */
-export declare function AuthShell({ brand, actions, footer, children, variant, preset, measure, align, density, className, }: AuthShellProp): import("react").JSX.Element;

package/dist/components/layout/auth-shell.js

@@ -1,42 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation } from "../../i18n/use-translation.js";
-import { cn } from "../../lib/utils.js";
-function AuthShell({
-  brand,
-  actions,
-  footer,
-  children,
-  variant = "default",
-  preset = "default",
-  measure = "default",
-  align,
-  density,
-  className
-}) {
-  const { t } = useTranslation();
-  const resolvedDensity = density ?? (variant === "canonical" ? "compact" : "comfortable");
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "auth-shell",
-      "data-variant": variant,
-      "data-preset": preset === "default" ? void 0 : preset,
-      "data-measure": measure === "default" ? void 0 : measure,
-      "data-align": align,
-      "data-density": resolvedDensity,
-      className: cn("ui-auth-shell", className),
-      children: [
-        (brand !== void 0 || actions !== void 0) && /* @__PURE__ */ jsxs("header", { className: "ui-auth-shell-bar", "aria-label": t("layout.authShell.brandLabel"), children: [
-          brand,
-          actions !== void 0 && /* @__PURE__ */ jsx("div", { className: "ui-auth-shell-bar-actions", children: actions })
-        ] }),
-        /* @__PURE__ */ jsx("main", { className: "ui-auth-shell-main", "aria-label": t("layout.authShell.mainLabel"), children: /* @__PURE__ */ jsx("div", { className: "ui-auth-shell-card", children }) }),
-        footer !== void 0 && /* @__PURE__ */ jsx("footer", { className: "ui-auth-shell-footer", "aria-label": t("layout.authShell.footerLabel"), children: footer })
-      ]
-    }
-  );
-}
-export {
-  AuthShell
-};

package/dist/components/layout/space-compact.d.ts

@@ -1,65 +0,0 @@
-import { type JSX } from "react";
-import type { SpaceCompactProp } from "../../props/components/layout.prop.js";
-export type { SpaceCompactProp, SpaceCompactProp as SpaceCompactProps, } from "../../props/components/layout.prop.js";
-/**
- * SpaceCompact — antd `Space.Compact`: weld a row of controls into one visual unit.
- *
- * A plain `<div>`, matching antd's own DOM (no ARIA role by default — each child keeps its own
- * accessible name; this is a visual join, not a semantic group, exactly like antd's
- * `Space.Compact`). The corner radii and shared border seam are zeroed/collapsed in CSS — the
- * "not expressible from primitives + tokens" case `docs/roadmap/parity-audit-layout-navigation-
- * general.md` §4.1 describes: doing this at the call site would need `[&>*:not(:first-child)]`
- * utilities, which `ui-audit`'s `no-utility-layout` rule blocks.
- *
- * ## ONE label for the pair (`FormField` wrapping a `SpaceCompact`)
- *
- * `FormField` lands its label contract on its single direct child (`docs/FORMS.md`). Cloned
- * `aria-label`/`aria-labelledby` onto a role-less `<div>` would be inert (axe `aria-allowed-attr`
- * disagrees, and no AT reads a name off a generic element) — so, like `Flex` (which `FormField`
- * already lands on for a range/`年/月` pair), a NAMED `SpaceCompact` with no explicit `role`
- * becomes `role="group"` and keeps only the aria a group allows: `aria-errormessage` folds
- * into `aria-describedby`, and the widget-only `aria-required`/`aria-invalid` are dropped. Pass an
- * explicit `role` to opt out and own the attribute set yourself.
- *
- * NOT quite "exactly like `Flex`" any more: since gh#916 `Flex` skips that promotion when its `as`
- * renders an element that already has a role (`ul`, `ol`, `li`), because a name should improve
- * such a role rather than replace it. This component always renders a `<div>`, which has no role
- * to lose, so the promotion is unconditional here and the two agree on every case `Flex` still
- * promotes.
- *
- * ## ONE WRAPPER PER CHILD, and why removing it re-breaks the headline case (gh#919)
- *
- * Every rule in `src/styles/layout.css` — the `flex` basis, the negative seam margin, the
- * `position: relative` + `z-index` raise, and the `:not(:first-child)`/`:not(:last-child)` corner
- * zeroing — used to key on `> *`, the DIRECT ELEMENT children. That silently assumed one child
- * element == one flex item, and `Select` breaks the assumption on purpose: `.ui-select-root` is
- * `display: contents` (`src/styles/control.css`) precisely so the TRIGGER is the box a flex row
- * sees, and react-aria renders a `<template>` beside it. So `> *` matched a root that generates no
- * box at all — flex, margin, position and z-index all landed on nothing, the trigger inherited
- * none of them and kept its own `w-full`, and the `<template>` shifted first/last-child by one.
- * Measured by the guinea-pig consumer on `NumberInput` + `Select`, the pattern in this component's
- * own catalog entry: trigger 562px (the whole row), spinbutton 54px with its step buttons pushed
- * outside the box.
- *
- * Wrapping each child in a box this component owns makes "one child, one flex item" true no matter
- * what the child renders, which is the property every one of those rules needed in the first place.
- * The radius knobs still reach the control because custom properties inherit — through the wrapper
- * and through `display: contents` alike. antd solves the same problem the other way, by passing
- * position down `SpaceCompactItemContext` for each child to apply to its own root; that needs every
- * control to participate, which is the port `docs/roadmap/parity-audit-layout-navigation-general.md`
- * §4.2 records as not done.
- *
- * ## `orientation="vertical"` — a written-down partial port
- *
- * Layout (column stacking, border collapse) works on both axes. Corner-zeroing currently only
- * covers the INLINE seam (`orientation="horizontal"`, the default and the only axis the shipping
- * use case needs): it reads the same `--input-radius-start`/`--input-radius-end` and
- * `--control-trigger-radius-start`/`--control-trigger-radius-end` knobs the Input and trigger
- * families already expose, and both pairs are inline-only. A BLOCK-axis pair does not exist on
- * either family yet, so a vertical stack collapses its shared border but each child keeps all
- * four of its own corners rounded. Follow-up, not a silent gap.
- */
-export declare function SpaceCompact({ children, orientation, vertical, fullWidth, density, className, ...props }: SpaceCompactProp): JSX.Element;
-export declare namespace SpaceCompact {
-    var displayName: string;
-}

package/dist/components/layout/space-compact.js

@@ -1,52 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { Children } from "react";
-import { mergeAriaIds } from "../../lib/field-a11y.js";
-import { cn } from "../../lib/utils.js";
-function SpaceCompact({
-  children,
-  orientation,
-  vertical,
-  fullWidth,
-  density,
-  className,
-  ...props
-}) {
-  const resolvedOrientation = orientation ?? (vertical ? "vertical" : "horizontal");
-  let domProps = props;
-  if (props.role === void 0 && (props["aria-label"] !== void 0 || props["aria-labelledby"] !== void 0)) {
-    const {
-      "aria-required": _ariaRequired,
-      "aria-invalid": _ariaInvalid,
-      "aria-errormessage": ariaErrorMessage,
-      ...allowed
-    } = props;
-    domProps = {
-      ...allowed,
-      role: "group",
-      "aria-describedby": mergeAriaIds(props["aria-describedby"], ariaErrorMessage)
-    };
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "space-compact",
-      "data-orientation": resolvedOrientation,
-      "data-full-width": fullWidth ? "true" : void 0,
-      className: cn("ui-space-compact", density && `ui-density-${density}`, className),
-      ...domProps,
-      children: Children.toArray(children).map((child, index) => /* @__PURE__ */ jsx(
-        "div",
-        {
-          "data-slot": "space-compact-item",
-          children: child
-        },
-        index
-      ))
-    }
-  );
-}
-SpaceCompact.displayName = "SpaceCompact";
-export {
-  SpaceCompact
-};

package/dist/components/navigation/conversations.d.ts

@@ -1,39 +0,0 @@
-import * as React from "react";
-import type { ConversationsProp } from "../../props/components/navigation.prop.js";
-export type { ConversationsProp, ConversationsProp as ConversationsProps, ConversationsItemProp, ConversationsDividerProp, ConversationsEntryProp, ConversationsMenuProp, ConversationsMenuItemProp, ConversationsGroupableProp, ConversationsCreationProp, } from "../../props/components/navigation.prop.js";
-/**
- * Conversations — the session rail of a chat surface (Ant Design X `Conversations`).
- *
- * ## What is ported, and the one half that is deliberately not
- *
- * Every prop a caller passes keeps Ant X's spelling and semantics: `items` (conversations and
- * `{ type: "divider" }` rules), `activeKey` / `defaultActiveKey` / `onActiveChange`, `menu` (flat
- * or per-row), `groupable` (with `label`, `collapsible` and the `expandedKeys` triad) and
- * `creation`. The two knobs left out are `styles` / `classNames` — the semantic style maps — and
- * they are left out by a standing decision of this repository, not by omission: a free-form style
- * hole freezes internal DOM slot names into public API and is unmeasurable by the audit
- * (docs/WHAT-BELONGS-HERE.md · "Lỗ kiểu dáng tự do"; docs/DESIGN-AUTHORITY.md · "A knob that only
- * a fork could reach is not parity either"). The rail is retuned through
- * `src/tokens/components/conversations.css` instead. `prefixCls`, `rootClassName`,
- * `menu.getPopupContainer`, `menu.trigger` and `shortcutKeys` are out for the same reason or
- * because the subsystem behind them does not exist here (see the PR for the per-prop ledger).
- *
- * ## What this adds, because Ant X's rail has no keyboard model at all
- *
- * Measured in `@ant-design/x@2.9.0`: `es/conversations/Item.js` renders a bare
- * `<li title … onClick>`. No `role`, no `tabIndex`, no key handling — the rail is unreachable by
- * keyboard, and a screen reader meets twelve list items with no hint that any of them is a
- * control or that one of them is current. Neither is the hand-rolled alternative the issue
- * describes (a stack of `Button`s) any better on the axis that matters: it is one tab stop PER
- * conversation.
- *
- * So the rows here are real `Button`s under ONE roving tabindex, the APG composite-widget rule:
- *
- * - the whole rail — group headings included — is a single tab stop;
- * - `↑` / `↓` walk it and wrap, `Home` / `End` jump to its ends;
- * - the logical FORWARD arrow (`→` in LTR, `←` in RTL) steps from a row onto its overflow menu,
- *   and the backward arrow steps back, so a row's second action costs no extra tab stop;
- * - the current conversation carries `aria-current="true"`, which is what makes "current" survive
- *   a theme that does not tint (WCAG 1.4.1 — never colour alone).
- */
-export declare const Conversations: React.ForwardRefExoticComponent<ConversationsProp & React.RefAttributes<HTMLDivElement>>;