@godxjp/ui 31.31.8 → 32.0.1

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>>;

package/dist/components/navigation/conversations.js

@@ -1,371 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { ChevronDown, MoreHorizontal, Plus } from "lucide-react";
-import { useTranslation } from "../../i18n/use-translation.js";
-import { formatDate } from "../../lib/datetime/format-date.js";
-import { cn } from "../../lib/utils.js";
-import { Button } from "../general/button.js";
-import { Text } from "../general/typography.js";
-import { Separator } from "../layout/separator.js";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger
-} from "./dropdown-menu.js";
-function isDivider(entry) {
-  return "type" in entry && entry.type === "divider";
-}
-function isRtl(element) {
-  return element?.closest("[dir]")?.getAttribute("dir")?.toLowerCase() === "rtl";
-}
-function toSections(items, groupable) {
-  const collapsibleOption = typeof groupable === "object" ? groupable.collapsible : void 0;
-  const sections = [];
-  for (const entry of items) {
-    const group = !groupable || isDivider(entry) ? void 0 : entry.group;
-    if (group === void 0) {
-      const tail = sections[sections.length - 1];
-      if (tail && tail.group === void 0) {
-        tail.entries.push(entry);
-        continue;
-      }
-      sections.push({ entries: [entry], collapsible: false });
-      continue;
-    }
-    const existing = sections.find((section) => section.group === group);
-    if (existing) {
-      existing.entries.push(entry);
-      continue;
-    }
-    sections.push({
-      group,
-      entries: [entry],
-      collapsible: typeof collapsibleOption === "function" ? collapsibleOption(group) : collapsibleOption ?? false
-    });
-  }
-  return sections;
-}
-const groupNavKey = (group) => `group:${group}`;
-const rowNavKey = (key) => `row:${key}`;
-const Conversations = React.forwardRef(
-  ({
-    items = [],
-    activeKey,
-    defaultActiveKey,
-    onActiveChange,
-    menu,
-    groupable,
-    creation,
-    label,
-    id,
-    className,
-    ...rest
-  }, ref) => {
-    const { t } = useTranslation();
-    const rootRef = React.useRef(null);
-    const setRootRef = React.useCallback(
-      (node) => {
-        rootRef.current = node;
-        if (typeof ref === "function") ref(node);
-        else if (ref) ref.current = node;
-      },
-      [ref]
-    );
-    const [uncontrolledActive, setUncontrolledActive] = React.useState(defaultActiveKey);
-    const mergedActiveKey = activeKey ?? uncontrolledActive;
-    const sections = React.useMemo(() => toSections(items, groupable), [items, groupable]);
-    const groupOptions = typeof groupable === "object" ? groupable : {};
-    const collapsibleGroups = React.useMemo(
-      () => sections.filter((section) => section.collapsible && section.group).map((s) => s.group),
-      [sections]
-    );
-    const [uncontrolledExpanded, setUncontrolledExpanded] = React.useState(() => [
-      ...groupOptions.defaultExpandedKeys ?? collapsibleGroups
-    ]);
-    const expandedKeys = groupOptions.expandedKeys ? [...groupOptions.expandedKeys] : uncontrolledExpanded;
-    const toggleGroup = (group) => {
-      const next = expandedKeys.includes(group) ? expandedKeys.filter((key) => key !== group) : [...expandedKeys, group];
-      if (!groupOptions.expandedKeys) setUncontrolledExpanded(next);
-      groupOptions.onExpand?.(next);
-    };
-    const navKeys = [];
-    for (const section of sections) {
-      if (section.group && section.collapsible) {
-        navKeys.push(groupNavKey(section.group));
-        if (!expandedKeys.includes(section.group)) continue;
-      }
-      for (const entry of section.entries) {
-        if (!isDivider(entry) && !entry.disabled) navKeys.push(rowNavKey(entry.key));
-      }
-    }
-    const [focusKey, setFocusKey] = React.useState(null);
-    const activeNavKey = mergedActiveKey ? rowNavKey(mergedActiveKey) : void 0;
-    const tabStop = focusKey && navKeys.includes(focusKey) ? focusKey : activeNavKey && navKeys.includes(activeNavKey) ? activeNavKey : navKeys[0];
-    const nodes = React.useRef(/* @__PURE__ */ new Map());
-    const registerNode = (key) => (node) => {
-      if (node) nodes.current.set(key, node);
-      else nodes.current.delete(key);
-    };
-    const moveTo = (key) => {
-      if (!key) return;
-      setFocusKey(key);
-      nodes.current.get(key)?.focus();
-    };
-    const step = (from, delta) => {
-      if (navKeys.length === 0) return;
-      const index = navKeys.indexOf(from);
-      const next = index === -1 ? 0 : (index + delta + navKeys.length) % navKeys.length;
-      moveTo(navKeys[next]);
-    };
-    const handleNavKeyDown = (navKey) => (event) => {
-      const rtl = isRtl(event.currentTarget);
-      const forward = rtl ? "ArrowLeft" : "ArrowRight";
-      const backward = rtl ? "ArrowRight" : "ArrowLeft";
-      switch (event.key) {
-        case "ArrowDown":
-          event.preventDefault();
-          step(navKey, 1);
-          return;
-        case "ArrowUp":
-          event.preventDefault();
-          step(navKey, -1);
-          return;
-        case "Home":
-          event.preventDefault();
-          moveTo(navKeys[0]);
-          return;
-        case "End":
-          event.preventDefault();
-          moveTo(navKeys[navKeys.length - 1]);
-          return;
-        case forward: {
-          const trigger = nodes.current.get(`menu:${navKey}`);
-          if (!trigger) return;
-          event.preventDefault();
-          trigger.focus();
-          return;
-        }
-        case backward: {
-          if (!navKey.startsWith("menu:")) return;
-          event.preventDefault();
-          moveTo(navKey.slice("menu:".length));
-          return;
-        }
-        default:
-      }
-    };
-    const selectConversation = (item) => {
-      if (item.disabled) return;
-      if (activeKey === void 0) setUncontrolledActive(item.key);
-      onActiveChange?.(
-        item.key,
-        items.find((entry) => !isDivider(entry) && entry.key === item.key)
-      );
-    };
-    const menuFor = (item) => {
-      const resolved = typeof menu === "function" ? menu(item) : menu;
-      return resolved && resolved.items.length > 0 ? resolved : void 0;
-    };
-    const renderEntry = (entry, index) => {
-      if (isDivider(entry)) {
-        return /* @__PURE__ */ jsx("li", { className: "ui-conversations-rule", children: /* @__PURE__ */ jsx(
-          Separator,
-          {
-            "data-dashed": entry.dashed ? "true" : void 0,
-            className: "ui-conversations-separator"
-          }
-        ) }, entry.key ?? `divider-${index}`);
-      }
-      const navKey = rowNavKey(entry.key);
-      const active = mergedActiveKey === entry.key;
-      const rowMenu = entry.disabled ? void 0 : menuFor(entry);
-      const labelText = typeof entry.label === "string" ? entry.label : entry.key;
-      return /* @__PURE__ */ jsxs(
-        "li",
-        {
-          "data-slot": "conversations-item",
-          "data-active": active ? "true" : void 0,
-          className: "ui-conversations-item",
-          children: [
-            /* @__PURE__ */ jsxs(
-              Button,
-              {
-                ref: registerNode(navKey),
-                type: "button",
-                variant: "ghost",
-                fullWidth: true,
-                align: "start",
-                disabled: entry.disabled,
-                "aria-current": active ? "true" : void 0,
-                tabIndex: tabStop === navKey ? 0 : -1,
-                className: "ui-conversations-row",
-                onFocus: () => setFocusKey(navKey),
-                onClick: () => selectConversation(entry),
-                onKeyDown: handleNavKeyDown(navKey),
-                children: [
-                  entry.icon ? /* @__PURE__ */ jsx("span", { className: "ui-conversations-icon", "aria-hidden": "true", children: entry.icon }) : null,
-                  /* @__PURE__ */ jsxs("span", { className: "ui-conversations-line", children: [
-                    /* @__PURE__ */ jsx(Text, { truncate: true, children: entry.label }),
-                    entry.timestamp === void 0 ? null : (
-                      /*
-                       * Through `formatDate`, never through `toLocaleString` or a sliced ISO string.
-                       * `docs/DATETIME.md` rule 1 forbids the alternatives for a measured reason: the
-                       * tenant's locale, timezone and 12/24h choice live in AppProvider, so the same
-                       * epoch has to read 2026/03/15 in a Japanese tenant and 15/03/2026 in a
-                       * Vietnamese one. A component that formats its own dates cannot do that.
-                       */
-                      /* @__PURE__ */ jsx(Text, { size: "xs", tone: "muted", tabular: true, className: "ui-conversations-timestamp", children: formatDate(new Date(entry.timestamp)) })
-                    )
-                  ] })
-                ]
-              }
-            ),
-            rowMenu ? /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-              /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-                Button,
-                {
-                  ref: registerNode(`menu:${navKey}`),
-                  type: "button",
-                  variant: "ghost",
-                  size: "icon-sm",
-                  tabIndex: -1,
-                  className: "ui-conversations-menu-trigger",
-                  "aria-label": rowMenu.triggerLabel?.(entry) ?? t("navigation.conversations.rowActions", { label: labelText }),
-                  onKeyDown: handleNavKeyDown(`menu:${navKey}`),
-                  children: /* @__PURE__ */ jsx(MoreHorizontal, { "aria-hidden": "true" })
-                }
-              ) }),
-              /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", children: rowMenu.items.map((command) => /* @__PURE__ */ jsxs(
-                DropdownMenuItem,
-                {
-                  disabled: command.disabled,
-                  variant: command.danger ? "destructive" : void 0,
-                  onSelect: () => rowMenu.onClick?.({ key: command.key, conversation: entry }),
-                  children: [
-                    command.icon,
-                    command.label
-                  ]
-                },
-                command.key
-              )) })
-            ] }) : null
-          ]
-        },
-        entry.key
-      );
-    };
-    const railLabel = label ?? t("navigation.conversations.label");
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref: setRootRef,
-        id,
-        "data-slot": "conversations",
-        className: cn("ui-conversations", className),
-        ...rest,
-        children: [
-          creation ? /* @__PURE__ */ jsx(CreationButton, { creation }) : null,
-          sections.map((section, sectionIndex) => {
-            if (!section.group) {
-              return /* @__PURE__ */ jsx(
-                "ul",
-                {
-                  "aria-label": railLabel,
-                  className: "ui-conversations-list",
-                  children: section.entries.map(renderEntry)
-                },
-                `run-${sectionIndex}`
-              );
-            }
-            const heading = typeof groupOptions.label === "function" ? groupOptions.label(section.group) : groupOptions.label ?? section.group;
-            const navKey = groupNavKey(section.group);
-            const expanded = expandedKeys.includes(section.group);
-            const listId = `${id ?? "ui-conversations"}-${section.group}`;
-            return /* @__PURE__ */ jsxs(
-              "div",
-              {
-                "data-slot": "conversations-group",
-                className: "ui-conversations-group",
-                children: [
-                  section.collapsible ? /* @__PURE__ */ jsxs(
-                    Button,
-                    {
-                      ref: registerNode(navKey),
-                      type: "button",
-                      variant: "ghost",
-                      size: "sm",
-                      fullWidth: true,
-                      align: "start",
-                      "aria-expanded": expanded,
-                      "aria-controls": listId,
-                      tabIndex: tabStop === navKey ? 0 : -1,
-                      className: "ui-conversations-group-trigger",
-                      onFocus: () => setFocusKey(navKey),
-                      onClick: () => toggleGroup(section.group),
-                      onKeyDown: handleNavKeyDown(navKey),
-                      children: [
-                        /* @__PURE__ */ jsx(
-                          ChevronDown,
-                          {
-                            "aria-hidden": "true",
-                            className: "ui-conversations-group-chevron",
-                            "data-expanded": expanded ? "true" : void 0
-                          }
-                        ),
-                        /* @__PURE__ */ jsx(Text, { size: "xs", tone: "muted", weight: "medium", truncate: true, children: heading })
-                      ]
-                    }
-                  ) : /* @__PURE__ */ jsx(
-                    Text,
-                    {
-                      size: "xs",
-                      tone: "muted",
-                      weight: "medium",
-                      className: "ui-conversations-group-label",
-                      children: heading
-                    }
-                  ),
-                  section.collapsible && !expanded ? null : /* @__PURE__ */ jsx(
-                    "ul",
-                    {
-                      id: listId,
-                      "aria-label": typeof heading === "string" ? heading : section.group,
-                      className: "ui-conversations-list",
-                      children: section.entries.map(renderEntry)
-                    }
-                  )
-                ]
-              },
-              section.group
-            );
-          })
-        ]
-      }
-    );
-  }
-);
-Conversations.displayName = "Conversations";
-function CreationButton({ creation }) {
-  const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      type: "button",
-      variant: "outline",
-      fullWidth: true,
-      align: "start",
-      disabled: creation.disabled,
-      className: "ui-conversations-creation",
-      onClick: () => creation.onClick?.(),
-      children: [
-        creation.icon ?? /* @__PURE__ */ jsx(Plus, { "aria-hidden": "true" }),
-        creation.label ?? t("navigation.conversations.creation")
-      ]
-    }
-  );
-}
-export {
-  Conversations
-};

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

@@ -1,51 +0,0 @@
-import * as React from "react";
-interface AccordionBaseProps extends Omit<React.ComponentPropsWithRef<"div">, "dir"> {
-    /** Trục xếp mục — đổi cặp phím mũi tên điều hướng. */
-    orientation?: "vertical" | "horizontal";
-    /** Chiều viết; chỉ đổi mũi tên trái/phải khi `orientation="horizontal"`. */
-    dir?: "ltr" | "rtl";
-    /** Khoá mọi mục. */
-    disabled?: boolean;
-}
-interface AccordionSingleProps extends AccordionBaseProps {
-    /** Chỉ một mục mở tại một thời điểm. */
-    type: "single";
-    /** Mục đang mở, có kiểm soát. */
-    value?: string;
-    /** Mục mở ban đầu khi không kiểm soát. */
-    defaultValue?: string;
-    /** Gọi khi mục đang mở đổi; chuỗi rỗng nghĩa là đã đóng hết. */
-    onValueChange?: (value: string) => void;
-    /** Cho phép đóng chính mục đang mở. Mặc định sai, như Radix. */
-    collapsible?: boolean;
-}
-interface AccordionMultipleProps extends AccordionBaseProps {
-    /** Nhiều mục mở độc lập. */
-    type: "multiple";
-    /** Các mục đang mở, có kiểm soát. */
-    value?: string[];
-    /** Các mục mở ban đầu khi không kiểm soát. */
-    defaultValue?: string[];
-    /** Gọi khi tập mục đang mở đổi. */
-    onValueChange?: (value: string[]) => void;
-}
-type AccordionProps = AccordionSingleProps | AccordionMultipleProps;
-export declare function Accordion(accordionProps: AccordionProps): React.JSX.Element;
-interface AccordionItemProps extends React.ComponentPropsWithRef<"div"> {
-    /** Khoá riêng mục này. */
-    disabled?: boolean;
-    /** Khoá định danh của mục — khớp với `value` của `Accordion`. */
-    value: string;
-}
-export declare function AccordionItem({ className, disabled, value, children, ref, ...props }: AccordionItemProps): React.JSX.Element;
-interface AccordionTriggerProps extends React.ComponentPropsWithRef<"button"> {
-    /** Mượn thẻ của con thay vì dựng `<button>` riêng. */
-    asChild?: boolean;
-}
-export declare function AccordionTrigger({ asChild, className, children, onClick, ...props }: AccordionTriggerProps): React.JSX.Element;
-interface AccordionContentProps extends React.ComponentPropsWithRef<"div"> {
-    /** Giữ nội dung trong DOM cả khi đóng. */
-    forceMount?: true;
-}
-export declare function AccordionContent({ className, forceMount, children, ref, ...props }: AccordionContentProps): React.JSX.Element;
-export {};