@godxjp/ui 18.0.3 → 18.1.1

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

@@ -49,7 +49,7 @@ function AppShell({
             type: "button",
             variant: "ghost",
             size: "sm",
-            className: "app-mobile-nav-trigger",
+            className: "app-mobile-nav-trigger hidden max-lg:inline-flex",
             "aria-label": t("layout.appShell.openNav"),
             "aria-haspopup": "dialog",
             children: /* @__PURE__ */ jsx(Menu, { className: "size-5", "aria-hidden": "true" })

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

@@ -8,4 +8,4 @@ export type { AuthShellProp, AuthShellProp as AuthShellProps, } from "../../prop
  * consumer's `.auth-shell-*` / `.ui-auth-scope` classes. Motion is delegated to `Reveal` (wrap the
  * card) so `prefers-reduced-motion` is honoured in one place.
  */
-export declare function AuthShell({ brand, footer, children, className }: AuthShellProp): import("react/jsx-runtime").JSX.Element;
+export declare function AuthShell({ brand, footer, children, className }: AuthShellProp): import("react").JSX.Element;

package/dist/components/layout/breadcrumb.d.ts

@@ -10,4 +10,4 @@ export type BreadcrumbProps = {
      */
     ariaLabel?: string;
 };
-export declare function Breadcrumb({ items, linkComponent: LinkComponent, ariaLabel, }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+export declare function Breadcrumb({ items, linkComponent: LinkComponent, ariaLabel, }: BreadcrumbProps): import("react").JSX.Element;

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

@@ -0,0 +1,22 @@
+import type { CenteredShellProp } from "../../props/components/layout.prop.js";
+export type { CenteredShellProp, CenteredShellProp as CenteredShellProps, } from "../../props/components/layout.prop.js";
+/**
+ * CenteredShell — authenticated, no-sidebar, centred-column page shell: the hosted-ID "My Page",
+ * account / self-service, and standalone-settings shape. It fills the gap between the two existing
+ * shells:
+ *
+ * - `AppShell` REQUIRES a sidebar — its padded topbar chrome (`.app-topbar`) is a grid area beside
+ *   the nav rail, so you cannot get a padded top bar without a rail.
+ * - `AuthShell` is the UNAUTHENTICATED root (login/mfa/reset); it centres a narrow ~24rem card
+ *   VERTICALLY and has no top-right actions slot.
+ *
+ * CenteredShell gives a **padded top bar with real actions** (banner) reusing the SAME chrome as
+ * `.app-topbar` (padding-inline · border · backdrop) WITHOUT a sidebar, a scrollable `main` whose
+ * content is a **centred column** of a configurable medium width (`width` = sm|md|lg, all wider than
+ * the 24rem auth card) **top-aligned** so sections flow and scroll (not vertically centred), and an
+ * optional footer (contentinfo). A hosted account page thus needs ZERO custom CSS and never
+ * hand-rolls a bar (the bare `Topbar` primitive ships no padding — the `.ui-topbar` zero-inset
+ * footgun). Layout-only: delegate motion to `Reveal` (wrap a section) so `prefers-reduced-motion`
+ * is honoured in one place.
+ */
+export declare function CenteredShell({ topbar, footer, children, width, className, }: CenteredShellProp): import("react").JSX.Element;

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

@@ -0,0 +1,35 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "../../i18n/use-translation.js";
+import { cn } from "../../lib/utils.js";
+function CenteredShell({
+  topbar,
+  footer,
+  children,
+  width = "md",
+  className
+}) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "centered-shell", className: cn("ui-centered-shell", className), children: [
+    topbar !== void 0 && /* @__PURE__ */ jsx(
+      "header",
+      {
+        className: "ui-centered-shell-bar ui-scale-fixed",
+        "aria-label": t("layout.centeredShell.headerLabel"),
+        children: topbar
+      }
+    ),
+    /* @__PURE__ */ jsx("main", { className: "ui-centered-shell-main", "aria-label": t("layout.centeredShell.mainLabel"), children: /* @__PURE__ */ jsx("div", { className: "ui-centered-shell-column", "data-width": width, children }) }),
+    footer !== void 0 && /* @__PURE__ */ jsx(
+      "footer",
+      {
+        className: "ui-centered-shell-footer",
+        "aria-label": t("layout.centeredShell.footerLabel"),
+        children: footer
+      }
+    )
+  ] });
+}
+export {
+  CenteredShell
+};

package/dist/components/layout/flex.d.ts

@@ -1,3 +1,3 @@
 import type { FlexProp } from "../../props/components/layout.prop.js";
 export type { FlexAlignProp, FlexDirectionProp, FlexJustifyProp, FlexProp, FlexProp as FlexProps, } from "../../props/components/layout.prop.js";
-export declare function Flex({ direction, gap, align, justify, wrap, className, children, ...props }: FlexProp): import("react/jsx-runtime").JSX.Element;
+export declare function Flex({ direction, gap, align, justify, wrap, className, children, ...props }: FlexProp): import("react").JSX.Element;

package/dist/components/layout/index.d.ts

@@ -7,6 +7,9 @@ export { AppShell } from "./app-shell.js";
 export type { AppShellProps } from "./app-shell.js";
 export { AuthShell } from "./auth-shell.js";
 export type { AuthShellProp, AuthShellProps } from "./auth-shell.js";
+export { CenteredShell } from "./centered-shell.js";
+export type { CenteredShellProp, CenteredShellProps } from "./centered-shell.js";
+export type { CenteredShellWidthProp } from "../../props/vocabulary/index.js";
 export { Breadcrumb } from "./breadcrumb.js";
 export type { BreadcrumbProps } from "./breadcrumb.js";
 export { Sidebar, SidebarHeader, SidebarItem, SidebarSection } from "./sidebar.js";

package/dist/components/layout/index.js

@@ -3,6 +3,7 @@ import { Flex } from "./flex.js";
 import { ResizablePanel, ResizablePanelGroup, ResizableHandle } from "./resizable.js";
 import { AppShell } from "./app-shell.js";
 import { AuthShell } from "./auth-shell.js";
+import { CenteredShell } from "./centered-shell.js";
 import { Breadcrumb } from "./breadcrumb.js";
 import { Sidebar, SidebarHeader, SidebarItem, SidebarSection } from "./sidebar.js";
 import { Topbar } from "./topbar.js";
@@ -15,6 +16,7 @@ export {
   AspectRatio,
   AuthShell,
   Breadcrumb,
+  CenteredShell,
   Flex,
   PageContainer,
   ResizableHandle,

package/dist/components/layout/page-container.d.ts

@@ -1,8 +1,8 @@
 import type { PageContainerProp, PageInsetProp } from "../../props/components/layout.prop.js";
 export type { PageContainerProp, PageContainerProp as PageContainerProps, } from "../../props/components/layout.prop.js";
 export type { BreadcrumbItemProp, BreadcrumbItemProp as BreadcrumbItem, } from "../../props/vocabulary/navigation.prop.js";
-export declare function PageContainerInset({ className, children, ...props }: PageInsetProp): import("react/jsx-runtime").JSX.Element;
-declare function PageContainerRoot({ title, subtitle, extra, footer, breadcrumb, breadcrumbLabel, breadcrumbAriaLabel, linkComponent: LinkComponent, density, variant, stickyFooter, footerReveal, fill, children, className, }: PageContainerProp): import("react/jsx-runtime").JSX.Element;
+export declare function PageContainerInset({ className, children, ...props }: PageInsetProp): import("react").JSX.Element;
+declare function PageContainerRoot({ title, subtitle, extra, footer, breadcrumb, breadcrumbLabel, breadcrumbAriaLabel, linkComponent: LinkComponent, density, variant, stickyFooter, footerReveal, fill, children, className, }: PageContainerProp): import("react").JSX.Element;
 export declare const PageContainer: typeof PageContainerRoot & {
     Inset: typeof PageContainerInset;
 };

package/dist/components/layout/resizable.d.ts

@@ -1,14 +1,14 @@
 import * as React from "react";
 import * as ResizablePrimitive from "react-resizable-panels";
 export declare const ResizablePanelGroup: {
-    ({ className, ...props }: React.ComponentPropsWithoutRef<typeof ResizablePrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.ComponentPropsWithoutRef<typeof ResizablePrimitive.Group>): React.JSX.Element;
     displayName: string;
 };
 export declare const ResizablePanel: {
-    ({ className, ...props }: React.ComponentPropsWithoutRef<typeof ResizablePrimitive.Panel>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.ComponentPropsWithoutRef<typeof ResizablePrimitive.Panel>): React.JSX.Element;
     displayName: string;
 };
 export declare const ResizableHandle: {
-    ({ className, ...props }: React.ComponentPropsWithoutRef<typeof ResizablePrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.ComponentPropsWithoutRef<typeof ResizablePrimitive.Separator>): React.JSX.Element;
     displayName: string;
 };

package/dist/components/layout/responsive-grid.d.ts

@@ -4,4 +4,4 @@ export type ResponsiveGridProps = {
     columns?: ResponsiveGridColumnsProp;
     children: ReactNode;
 };
-export declare function ResponsiveGrid({ columns, children }: ResponsiveGridProps): import("react/jsx-runtime").JSX.Element;
+export declare function ResponsiveGrid({ columns, children }: ResponsiveGridProps): import("react").JSX.Element;

package/dist/components/layout/sidebar.d.ts

@@ -15,7 +15,7 @@ type SidebarItemProps = {
     onActivate?: (id: string) => void;
     renderItem?: RenderItem;
 };
-export declare function SidebarHeader({ children, className, ...props }: SidebarHeaderProps): import("react/jsx-runtime").JSX.Element;
-export declare function SidebarSection({ label, collapsed, children, className, ...props }: SidebarSectionProps & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-export declare function SidebarItem({ item, active, sub, onActivate, renderItem, children, ...props }: SidebarItemProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onClick">): import("react/jsx-runtime").JSX.Element;
-export declare function Sidebar({ ariaLabel: ariaLabelCamel, activeId, onSelect, sections, product, onProductClick, brand, collapsed, children, renderItem, footer, "aria-label": ariaLabel, }: SidebarProp): import("react/jsx-runtime").JSX.Element;
+export declare function SidebarHeader({ children, className, ...props }: SidebarHeaderProps): React.JSX.Element;
+export declare function SidebarSection({ label, collapsed, children, className, ...props }: SidebarSectionProps & React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+export declare function SidebarItem({ item, active, sub, onActivate, renderItem, children, ...props }: SidebarItemProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onClick">): React.JSX.Element;
+export declare function Sidebar({ ariaLabel: ariaLabelCamel, activeId, onSelect, sections, product, onProductClick, brand, collapsed, children, renderItem, footer, "aria-label": ariaLabel, }: SidebarProp): React.JSX.Element;

package/dist/components/layout/split-pane.d.ts

@@ -6,4 +6,4 @@ export type SplitPaneProps = {
     /** Accessible complementary landmark name; required when multiple panes share a document. */
     asideLabel?: string;
 };
-export declare function SplitPane({ children, aside, asideWidth, asideLabel }: SplitPaneProps): import("react/jsx-runtime").JSX.Element;
+export declare function SplitPane({ children, aside, asideWidth, asideLabel }: SplitPaneProps): import("react").JSX.Element;

package/dist/components/layout/topbar.d.ts

@@ -17,4 +17,4 @@ export type { TopbarProp, TopbarProp as TopbarProps } from "../../props/componen
  * Use it as `AppShell`'s `topbar` slot, or place it directly. For full custom content, pass
  * `children` instead of the three slots.
  */
-export declare function Topbar({ start, center, end, className, children, ...props }: TopbarProp): import("react/jsx-runtime").JSX.Element;
+export declare function Topbar({ start, center, end, className, children, ...props }: TopbarProp): import("react").JSX.Element;

package/dist/components/navigation/context-menu.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
 export declare const ContextMenu: React.FC<ContextMenuPrimitive.ContextMenuProps>;
-export declare function ContextMenuTrigger(props: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+export declare function ContextMenuTrigger(props: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>): React.JSX.Element;
 export declare const ContextMenuPortal: React.FC<ContextMenuPrimitive.ContextMenuPortalProps>;
 export declare const ContextMenuContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const ContextMenuItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
@@ -15,7 +15,7 @@ export declare const ContextMenuLabel: React.ForwardRefExoticComponent<Omit<Cont
     inset?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 export declare const ContextMenuSeparator: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export declare const ContextMenuShortcut: ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const ContextMenuShortcut: ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => React.JSX.Element;
 export declare const ContextMenuSub: React.FC<ContextMenuPrimitive.ContextMenuSubProps>;
 export declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const ContextMenuSubContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/navigation/dropdown-menu.d.ts

@@ -1,11 +1,11 @@
 import * as React from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-export declare function DropdownMenu(props: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-export declare function DropdownMenuTrigger(props: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-export declare function DropdownMenuPortal(props: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-export declare function DropdownMenuGroup(props: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
-export declare function DropdownMenuRadioGroup(props: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
-export declare function DropdownMenuSub(props: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownMenu(props: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): React.JSX.Element;
+export declare function DropdownMenuTrigger(props: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): React.JSX.Element;
+export declare function DropdownMenuPortal(props: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): React.JSX.Element;
+export declare function DropdownMenuGroup(props: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): React.JSX.Element;
+export declare function DropdownMenuRadioGroup(props: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): React.JSX.Element;
+export declare function DropdownMenuSub(props: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): React.JSX.Element;
 export declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
@@ -21,4 +21,4 @@ export declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omi
     inset?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 export declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export declare const DropdownMenuShortcut: ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const DropdownMenuShortcut: ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => React.JSX.Element;

package/dist/components/navigation/filter-bar.d.ts

@@ -1,4 +1,4 @@
 import type { ToolbarGroupProp, ToolbarProp } from "../../props/components/navigation.prop.js";
 export type { ToolbarGroupProp, ToolbarGroupProp as ToolbarGroupProps, ToolbarProp, ToolbarProp as ToolbarProps, } from "../../props/components/navigation.prop.js";
-export declare function Toolbar({ onClear, hasActiveFilters, className, children }: ToolbarProp): import("react/jsx-runtime").JSX.Element;
-export declare function ToolbarGroup({ label, className, children }: ToolbarGroupProp): import("react/jsx-runtime").JSX.Element;
+export declare function Toolbar({ onClear, hasActiveFilters, className, children }: ToolbarProp): import("react").JSX.Element;
+export declare function ToolbarGroup({ label, className, children }: ToolbarGroupProp): import("react").JSX.Element;

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

@@ -4,10 +4,10 @@ export declare const Menubar: React.ForwardRefExoticComponent<MenubarPrimitive.M
 export declare const MenubarMenu: {
     (props: MenubarPrimitive.MenubarMenuProps & {
         __scopeMenubar?: import("@radix-ui/react-context").Scope;
-    }): import("react/jsx-runtime").JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
-export declare function MenubarTrigger(props: React.ComponentProps<typeof MenubarPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+export declare function MenubarTrigger(props: React.ComponentProps<typeof MenubarPrimitive.Trigger>): React.JSX.Element;
 export declare const MenubarContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const MenubarItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
@@ -18,7 +18,7 @@ export declare const MenubarRadioGroup: React.ForwardRefExoticComponent<Omit<Men
 export declare const MenubarRadioItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const MenubarLabel: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const MenubarSeparator: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export declare const MenubarShortcut: ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const MenubarShortcut: ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => React.JSX.Element;
 export declare const MenubarSub: React.FC<MenubarPrimitive.MenubarSubProps>;
 export declare const MenubarSubTrigger: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const MenubarSubContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -9,7 +9,7 @@ declare const PaginationLink: React.ForwardRefExoticComponent<Omit<Omit<React.De
     href?: string;
 } & React.RefAttributes<HTMLButtonElement>>;
 declare const PaginationEllipsis: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
     displayName: string;
 };
 declare const PaginationPrevious: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "type"> & {
@@ -22,5 +22,5 @@ declare const PaginationNext: React.ForwardRefExoticComponent<Omit<Omit<React.De
     disabled?: boolean;
     href?: string;
 } & React.RefAttributes<HTMLButtonElement>>;
-export declare function Pagination({ ariaLabel, value, total, pageSize, pageSizeOptions, showSizeChanger, showTotal, hideOnSinglePage, simple, disabled, className, onValueChange, }: PaginationProp): import("react/jsx-runtime").JSX.Element | null;
+export declare function Pagination({ ariaLabel, value, total, pageSize, pageSizeOptions, showSizeChanger, showTotal, hideOnSinglePage, simple, disabled, className, onValueChange, }: PaginationProp): React.JSX.Element | null;
 export { PaginationContent, PaginationItem, PaginationLink, PaginationEllipsis, PaginationPrevious, PaginationNext, };

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

@@ -1,3 +1,4 @@
+import * as React from "react";
 import type { StepsProp } from "../../props/components/navigation.prop.js";
 export type { StepsProp, StepsProp as StepsProps, StepItemProp, StepStatusProp, } from "../../props/components/navigation.prop.js";
-export declare function Steps({ items, value: current, defaultValue, status: currentStatus, orientation, type, size, titlePlacement, onValueChange, className, }: StepsProp): import("react/jsx-runtime").JSX.Element;
+export declare function Steps({ items, value: current, defaultValue, status: currentStatus, orientation, type, size, titlePlacement, onValueChange, className, }: StepsProp): React.JSX.Element;

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

@@ -12,7 +12,7 @@ export type TabsProps = React.ComponentProps<typeof TabsPrimitive.Root> & {
     listClassName?: string;
     contentClassName?: string;
 };
-export declare function Tabs({ className, orientation, items, value, defaultValue, variant, listClassName, contentClassName, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tabs({ className, orientation, items, value, defaultValue, variant, listClassName, contentClassName, ...props }: TabsProps): React.JSX.Element;
 export declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     variant?: "default" | "line";
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/components/query/data-state.d.ts

@@ -1,7 +1,8 @@
+import * as React from "react";
 import type { DataStateProp } from "../../props/components/query.prop.js";
 export type { DataStateProp, DataStateProp as DataStateProps, } from "../../props/components/query.prop.js";
 /**
  * Query lifecycle widget — orchestrates skeleton / error / empty / success for one `useQuery` block.
  * Not a visual component; prefer `@godxjp/ui/query`. Apps may also import via `@godxjp/ui/admin`.
  */
-export declare function DataState<T>({ query, skeleton, prerequisite, empty, isEmpty, errorRenderer, showRetry, onRetry, onAuthError, children, }: DataStateProp<T>): import("react/jsx-runtime").JSX.Element;
+export declare function DataState<T>({ query, skeleton, prerequisite, empty, isEmpty, errorRenderer, showRetry, onRetry, onAuthError, children, }: DataStateProp<T>): React.JSX.Element;

package/dist/components/query/infinite-query-state.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import type { InfiniteQueryStateProp } from "../../props/components/query.prop.js";
 export type { InfiniteQueryStateProp, InfiniteQueryStateProp as InfiniteQueryStateProps, } from "../../props/components/query.prop.js";
 /** Flatten `{ pages: [{ items }] }` — default GODX paginated API shape. */
@@ -10,4 +11,4 @@ export declare function flattenItemPages<TItem, TPage extends {
  * `useInfiniteQuery` lifecycle widget — flatten pages, load-more footer.
  * Cursor / activity feeds where user accumulates pages (vs DataTable cursor buttons).
  */
-export declare function InfiniteQueryState<TPage, TFlat>({ query, skeleton, empty, flatten, isEmpty, errorRenderer, showRetry, onRetry, onAuthError, loadingMore, loadMore, showLoadMore, children, }: InfiniteQueryStateProp<TPage, TFlat>): import("react/jsx-runtime").JSX.Element;
+export declare function InfiniteQueryState<TPage, TFlat>({ query, skeleton, empty, flatten, isEmpty, errorRenderer, showRetry, onRetry, onAuthError, loadingMore, loadMore, showLoadMore, children, }: InfiniteQueryStateProp<TPage, TFlat>): React.JSX.Element;

package/dist/components/query/mutation-feedback.d.ts

@@ -4,4 +4,4 @@ export type { AlertMutationFeedbackProp, AlertMutationFeedbackProp as AlertMutat
  * Inline mutation error — renders nothing when idle/success.
  * Prefer toast for transient saves; use this for blocking form sections (SimulatorPage).
  */
-export declare function AlertMutationFeedback({ mutation, onRetry, showRetry, pending, className, }: AlertMutationFeedbackProp): import("react/jsx-runtime").JSX.Element | null;
+export declare function AlertMutationFeedback({ mutation, onRetry, showRetry, pending, className, }: AlertMutationFeedbackProp): import("react").JSX.Element | null;

package/dist/components/query/prefetch-link.d.ts

@@ -1,7 +1,8 @@
+import * as React from "react";
 import type { PrefetchLinkProp } from "../../props/components/query.prop.js";
 export type { PrefetchLinkProp, PrefetchLinkProp as PrefetchLinkProps, } from "../../props/components/query.prop.js";
 /**
  * React Router `Link` + `queryClient.prefetchQuery` on hover/focus.
  * Detail routes feel instant when list rows are hovered.
  */
-export declare function PrefetchLink({ queryKey, queryFn, prefetchOn, staleTime, onMouseEnter, onFocus, ...linkProps }: PrefetchLinkProp): import("react/jsx-runtime").JSX.Element;
+export declare function PrefetchLink({ queryKey, queryFn, prefetchOn, staleTime, onMouseEnter, onFocus, ...linkProps }: PrefetchLinkProp): React.JSX.Element;

package/dist/components/query/query-refetch-button.d.ts

@@ -1,4 +1,4 @@
 import type { ButtonRefetchProp } from "../../props/components/query.prop.js";
 export type { ButtonRefetchProp, ButtonRefetchProp as ButtonRefetchProps, } from "../../props/components/query.prop.js";
 /** Page-header Refresh — spins while `query.isFetching`, calls `query.refetch()`. */
-export declare function ButtonRefetch({ query, label, children, variant, size, className, ...props }: ButtonRefetchProp): import("react/jsx-runtime").JSX.Element;
+export declare function ButtonRefetch({ query, label, children, variant, size, className, ...props }: ButtonRefetchProp): import("react").JSX.Element;

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

@@ -5,6 +5,6 @@ import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
  * laggy); consumers can still pass `openDelay`/`closeDelay`. A small open delay (not 0) is
  * intentional — it prevents accidental triggering as the pointer passes over the trigger.
  */
-export declare function HoverCard({ openDelay, closeDelay, ...props }: React.ComponentProps<typeof HoverCardPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export declare function HoverCard({ openDelay, closeDelay, ...props }: React.ComponentProps<typeof HoverCardPrimitive.Root>): React.JSX.Element;
 export declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>>;
 export declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/form/form-context.d.ts

@@ -0,0 +1,23 @@
+import type { FormStateAdapter } from "../props/components/form.prop.js";
+/**
+ * Context carrying a framework-agnostic {@link FormStateAdapter}. `FormRoot` provides it on the
+ * adapter path (server-driven form libraries — Inertia/formik/TanStack); it stays `null` on the
+ * built-in react-hook-form path, where `FormFieldControl` falls back to RHF's own context.
+ */
+export declare const FormAdapterContext: import("react").Context<FormStateAdapter | null>;
+/** Read the active form-state adapter, or `null` when `FormRoot` runs the react-hook-form path. */
+export declare function useFormAdapter(): FormStateAdapter | null;
+/**
+ * Whether the surrounding `FormRoot` is currently submitting — works for BOTH paths: the adapter's
+ * `isSubmitting` (e.g. Inertia's `processing`) or react-hook-form's `formState.isSubmitting`. Spread
+ * onto a submit button so `processing` drives its loading state automatically:
+ * `<Button type="submit" loading={useFormSubmitting()}>`.
+ */
+export declare function useFormSubmitting(): boolean;
+/**
+ * Normalise a control's change payload to a bare value. The `FormFieldControl` render-prop spreads
+ * `onChange` onto a control that may call it with a DOM `ChangeEvent` (native `<Input>`) OR a raw
+ * value (a `Select`'s `onValueChange`). Mirror react-hook-form's own event unwrapping so the adapter
+ * path binds identically for every control kind.
+ */
+export declare function extractControlValue(arg: unknown): unknown;

package/dist/form/form-context.js

@@ -0,0 +1,29 @@
+"use client";
+import { createContext, useContext } from "react";
+import { useFormContext } from "react-hook-form";
+const FormAdapterContext = createContext(null);
+function useFormAdapter() {
+  return useContext(FormAdapterContext);
+}
+function useFormSubmitting() {
+  const adapter = useContext(FormAdapterContext);
+  const rhf = useFormContext();
+  if (adapter) return adapter.isSubmitting;
+  return rhf?.formState?.isSubmitting ?? false;
+}
+function extractControlValue(arg) {
+  if (arg && typeof arg === "object" && "target" in arg) {
+    const target = arg.target;
+    if (target && typeof target === "object" && "type" in target) {
+      const el = target;
+      return el.type === "checkbox" ? el.checked : el.value;
+    }
+  }
+  return arg;
+}
+export {
+  FormAdapterContext,
+  extractControlValue,
+  useFormAdapter,
+  useFormSubmitting
+};

package/dist/form/form-field-control.d.ts

@@ -1,4 +1,4 @@
 import { type FieldValues } from "react-hook-form";
 import type { FormFieldControlProp } from "../props/components/form.prop.js";
 export type { FormFieldControlProp } from "../props/components/form.prop.js";
-export declare function FormFieldControl<TFieldValues extends FieldValues>({ name, label, required, helper, className, children, }: FormFieldControlProp<TFieldValues>): import("react/jsx-runtime").JSX.Element;
+export declare function FormFieldControl<TFieldValues extends FieldValues>({ name, label, required, helper, className, children, }: FormFieldControlProp<TFieldValues>): import("react").JSX.Element;

package/dist/form/form-field-control.js

@@ -2,6 +2,9 @@
 import { jsx } from "react/jsx-runtime";
 import { Controller, useFormContext } from "react-hook-form";
 import { FormField } from "../components/data-entry/form-field.js";
+import { extractControlValue, useFormAdapter } from "./form-context.js";
+const noopRef = () => {
+};
 function FormFieldControl({
   name,
   label,
@@ -10,12 +13,35 @@ function FormFieldControl({
   className,
   children
 }) {
-  const { control } = useFormContext();
+  const adapter = useFormAdapter();
+  const rhf = useFormContext();
+  if (adapter) {
+    const fieldName = String(name);
+    return /* @__PURE__ */ jsx(
+      FormField,
+      {
+        id: fieldName,
+        label,
+        required,
+        helper,
+        error: adapter.getError(fieldName),
+        className,
+        children: children({
+          id: fieldName,
+          name: fieldName,
+          value: adapter.getValue(fieldName),
+          onChange: (...args) => adapter.setValue(fieldName, extractControlValue(args[0])),
+          onBlur: () => adapter.onBlur?.(fieldName),
+          ref: noopRef
+        })
+      }
+    );
+  }
   return /* @__PURE__ */ jsx(
     Controller,
     {
       name,
-      control,
+      control: rhf.control,
       render: ({ field, fieldState }) => /* @__PURE__ */ jsx(
         FormField,
         {

package/dist/form/form-root.d.ts

@@ -1,4 +1,10 @@
 import { type FieldValues } from "react-hook-form";
 import type { FormRootProp } from "../props/components/form.prop.js";
 export type { FormRootProp } from "../props/components/form.prop.js";
-export declare function FormRoot<TFieldValues extends FieldValues>({ form, onSubmit, children, className, id, }: FormRootProp<TFieldValues>): import("react/jsx-runtime").JSX.Element;
+/**
+ * FormRoot — the form shell. Provide EITHER `form` (built-in react-hook-form + Zod, client-side
+ * validation) OR `adapter` (a framework-agnostic {@link FormStateAdapter} for a server-driven form
+ * library — Inertia's `useForm` via `@godxjp/ui/inertia`, formik, TanStack Form). Both drive the same
+ * `FormFieldControl` auto-binding; the core keeps ZERO dependency on any non-RHF form library.
+ */
+export declare function FormRoot<TFieldValues extends FieldValues>({ form, adapter, onSubmit, children, className, id, }: FormRootProp<TFieldValues>): import("react").JSX.Element;

package/dist/form/form-root.js

@@ -1,13 +1,34 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { FormProvider } from "react-hook-form";
 import { cn } from "../lib/utils.js";
+import { FormAdapterContext } from "./form-context.js";
 function FormRoot({
   form,
+  adapter,
   onSubmit,
   children,
   className,
   id
 }) {
+  if (adapter) {
+    return /* @__PURE__ */ jsx(FormAdapterContext.Provider, { value: adapter, children: /* @__PURE__ */ jsx(
+      "form",
+      {
+        id,
+        className: cn("ui-stack-md", className),
+        onSubmit: (event) => {
+          event.preventDefault();
+          void onSubmit(adapter.getValues?.() ?? {});
+        },
+        noValidate: true,
+        children
+      }
+    ) });
+  }
+  if (!form) {
+    throw new Error("FormRoot requires either a `form` (react-hook-form) or an `adapter` prop.");
+  }
   return /* @__PURE__ */ jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsx(
     "form",
     {

package/dist/form/index.d.ts

@@ -4,4 +4,5 @@ export { FormRoot } from "./form-root.js";
 export type { FormRootProp } from "./form-root.js";
 export { FormFieldControl } from "./form-field-control.js";
 export type { FormFieldControlProp } from "./form-field-control.js";
-export type { ZodSchemaProp, FieldErrorMessageProp } from "../props/components/form.prop.js";
+export { useFormSubmitting, useFormAdapter } from "./form-context.js";
+export type { ZodSchemaProp, FieldErrorMessageProp, FormStateAdapter, } from "../props/components/form.prop.js";

package/dist/form/index.js

@@ -1,8 +1,11 @@
 import { useZodForm } from "./use-zod-form.js";
 import { FormRoot } from "./form-root.js";
 import { FormFieldControl } from "./form-field-control.js";
+import { useFormSubmitting, useFormAdapter } from "./form-context.js";
 export {
   FormFieldControl,
   FormRoot,
+  useFormAdapter,
+  useFormSubmitting,
   useZodForm
 };

package/dist/i18n/messages/en.json

@@ -138,6 +138,11 @@
       "mainLabel": "Main content",
       "footerLabel": "Footer"
     },
+    "centeredShell": {
+      "headerLabel": "Header",
+      "mainLabel": "Main content",
+      "footerLabel": "Footer"
+    },
     "topbar": {
       "toggleSidebar": "Toggle sidebar",
       "search": "Search",

package/dist/i18n/messages/ja.json

@@ -138,6 +138,11 @@
       "mainLabel": "メインコンテンツ",
       "footerLabel": "フッター"
     },
+    "centeredShell": {
+      "headerLabel": "ヘッダー",
+      "mainLabel": "メインコンテンツ",
+      "footerLabel": "フッター"
+    },
     "topbar": {
       "toggleSidebar": "サイドバーの切り替え",
       "search": "検索",

package/dist/i18n/messages/vi.json

@@ -138,6 +138,11 @@
       "mainLabel": "Nội dung chính",
       "footerLabel": "Chân trang"
     },
+    "centeredShell": {
+      "headerLabel": "Đầu trang",
+      "mainLabel": "Nội dung chính",
+      "footerLabel": "Chân trang"
+    },
     "topbar": {
       "toggleSidebar": "Bật/tắt thanh bên",
       "search": "Tìm kiếm",