@godxjp/ui 18.1.0 → 18.2.0

package/dist/components/feedback/dialog.js

@@ -241,25 +241,54 @@ function AlertDialog({
   cancelLabel,
   variant = "default",
   confirmPhrase,
+  challenge,
   onConfirm,
+  stepUp,
   keepOpenOnConfirm = false,
   pending = false
 }) {
   const { t } = useTranslation();
   const [typed, setTyped] = React.useState("");
+  const [verifying, setVerifying] = React.useState(false);
+  const [stepUpFailed, setStepUpFailed] = React.useState(false);
   const inputId = React.useId();
-  const needsPhrase = confirmPhrase != null && confirmPhrase.length > 0;
-  const phraseMatches = !needsPhrase || typed === confirmPhrase;
+  const stepErrorId = React.useId();
+  const phrase = confirmPhrase ?? challenge;
+  const needsPhrase = phrase != null && phrase.length > 0;
+  const phraseMatches = !needsPhrase || typed === phrase;
   const effectiveVariant = needsPhrase ? "destructive" : variant;
+  const headerTone = effectiveVariant === "destructive" ? "destructive" : "default";
   const resolvedConfirm = confirmLabel ?? (needsPhrase ? t("common.delete") : t("common.continue"));
   const resolvedCancel = cancelLabel ?? t("common.cancel");
-  const handleOpenChange = (next) => {
+  const busy = pending || verifying;
+  const confirmLabelText = verifying ? t("feedback.alert.verifying") : pending ? t("common.working") : resolvedConfirm;
+  const reset = () => {
     setTyped("");
+    setVerifying(false);
+    setStepUpFailed(false);
+  };
+  const handleOpenChange = (next) => {
+    reset();
     onOpenChange(next);
   };
   const handleConfirm = () => {
-    if (!phraseMatches) return;
+    if (!phraseMatches || busy) return;
     void (async () => {
+      if (stepUp) {
+        setStepUpFailed(false);
+        setVerifying(true);
+        let ok = false;
+        try {
+          ok = await stepUp();
+        } catch {
+          ok = false;
+        }
+        setVerifying(false);
+        if (!ok) {
+          setStepUpFailed(true);
+          return;
+        }
+      }
       await onConfirm();
       if (!keepOpenOnConfirm) onOpenChange(false);
     })();
@@ -278,12 +307,12 @@ function AlertDialog({
         "data-slot": "dialog-content",
         className: "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 duration-200 outline-none",
         children: [
-          /* @__PURE__ */ jsxs(DialogHeader, { children: [
+          /* @__PURE__ */ jsxs(DialogHeader, { tone: headerTone, children: [
             /* @__PURE__ */ jsx(AlertDialogPrimitive.Title, { "data-slot": "dialog-title", children: title }),
             description ? /* @__PURE__ */ jsx(AlertDialogPrimitive.Description, { "data-slot": "dialog-description", children: description }) : null
           ] }),
           needsPhrase && /* @__PURE__ */ jsxs("div", { className: "ui-stack-xs", children: [
-            /* @__PURE__ */ jsx(Label, { htmlFor: inputId, className: "text-sm", children: t("common.typeToConfirm", { phrase: confirmPhrase }) }),
+            /* @__PURE__ */ jsx(Label, { htmlFor: inputId, className: "text-sm", children: t("common.typeToConfirm", { phrase }) }),
             /* @__PURE__ */ jsx(
               Input,
               {
@@ -294,20 +323,23 @@ function AlertDialog({
                 },
                 autoComplete: "off",
                 spellCheck: false,
-                placeholder: confirmPhrase,
-                "aria-required": "true"
+                placeholder: phrase,
+                "aria-required": "true",
+                disabled: busy
               }
             )
           ] }),
+          stepUpFailed && /* @__PURE__ */ jsx("p", { id: stepErrorId, role: "alert", className: "text-destructive text-sm", children: t("feedback.alert.stepUpFailed") }),
           /* @__PURE__ */ jsxs(DialogFooter, { children: [
-            /* @__PURE__ */ jsx(DialogCancel, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "ghost", disabled: pending, children: resolvedCancel }) }),
+            /* @__PURE__ */ jsx(DialogCancel, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "ghost", disabled: busy, children: resolvedCancel }) }),
             /* @__PURE__ */ jsx(
               Button,
               {
                 variant: effectiveVariant === "destructive" ? "destructive" : "default",
                 onClick: handleConfirm,
-                disabled: pending || !phraseMatches,
-                children: pending ? t("common.working") : resolvedConfirm
+                disabled: busy || !phraseMatches,
+                "aria-describedby": stepUpFailed ? stepErrorId : void 0,
+                children: confirmLabelText
               }
             )
           ] })

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

@@ -2,10 +2,10 @@ import * as React from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { type VariantProps } from "class-variance-authority";
 import type { ToneProp, WidthProp } from "../../props/vocabulary/index.js";
-export declare function Sheet(props: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-export declare function SheetTrigger(props: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-export declare function SheetClose(props: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
-export declare function SheetPortal(props: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+export declare function Sheet(props: React.ComponentProps<typeof DialogPrimitive.Root>): React.JSX.Element;
+export declare function SheetTrigger(props: React.ComponentProps<typeof DialogPrimitive.Trigger>): React.JSX.Element;
+export declare function SheetClose(props: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element;
+export declare function SheetPortal(props: React.ComponentProps<typeof DialogPrimitive.Portal>): React.JSX.Element;
 export declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
     side?: "left" | "right" | "top" | "bottom" | null | undefined;
@@ -30,9 +30,9 @@ export interface SheetHeaderProps extends Omit<React.HTMLAttributes<HTMLDivEleme
     /** Soft semantic background band for the header. `default` = no band. */
     tone?: ToneProp;
 }
-export declare const SheetHeader: ({ className, title, subtitle, extra, tone, children, ...props }: SheetHeaderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const SheetBody: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-export declare const SheetFooter: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const SheetHeader: ({ className, title, subtitle, extra, tone, children, ...props }: SheetHeaderProps) => React.JSX.Element;
+export declare const SheetBody: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+export declare const SheetFooter: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
 export declare const SheetTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 export declare const SheetDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 export {};

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

@@ -1,17 +1,17 @@
 import * as React from "react";
 export type SkeletonProps = React.HTMLAttributes<HTMLDivElement>;
-export declare function Skeleton({ className, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+export declare function Skeleton({ className, ...props }: SkeletonProps): React.JSX.Element;
 interface SkeletonRowsProps {
     rows?: number;
     columns?: number;
     className?: string;
 }
 /** Skeleton for a flat list of rows (use inside a Card or section). */
-export declare function SkeletonRows({ rows, columns, className }: SkeletonRowsProps): import("react/jsx-runtime").JSX.Element;
+export declare function SkeletonRows({ rows, columns, className }: SkeletonRowsProps): React.JSX.Element;
 /** Skeleton matching the DataTable layout — header row + N body rows. */
-export declare function SkeletonTable({ rows, columns }: SkeletonRowsProps): import("react/jsx-runtime").JSX.Element;
+export declare function SkeletonTable({ rows, columns }: SkeletonRowsProps): React.JSX.Element;
 /** Skeleton matching a Card detail layout — title + 6 metadata rows. */
-export declare function SkeletonDetail(): import("react/jsx-runtime").JSX.Element;
+export declare function SkeletonDetail(): React.JSX.Element;
 /** Skeleton matching a stat card / dashboard tile. */
-export declare function SkeletonStat(): import("react/jsx-runtime").JSX.Element;
+export declare function SkeletonStat(): React.JSX.Element;
 export {};

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

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { type ToasterProps } from "sonner";
-declare function Toaster({ ...props }: ToasterProps): import("react/jsx-runtime").JSX.Element;
+declare function Toaster({ ...props }: ToasterProps): React.JSX.Element;
 export { Toaster };

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

@@ -1,10 +1,10 @@
 import * as React from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 /** Opt-in provider for tuning delay across a subtree. Each <Tooltip> already self-provides. */
-export declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+export declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): React.JSX.Element;
 /** Self-contained tooltip — no app-level provider needed. Controllable via `open`/`onOpenChange`. */
 export declare function Tooltip({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Root> & {
     delayDuration?: number;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 export declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/general/button.js

@@ -19,7 +19,7 @@ const buttonVariants = cva("ui-button", {
   variants: {
     variant: {
       default: "ui-button--default bg-primary text-primary-foreground hover:bg-primary/90",
-      destructive: "ui-button--destructive bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive/20",
+      destructive: "ui-button--destructive bg-destructive text-destructive-foreground focus-visible:ring-destructive/20",
       outline: "ui-button--outline border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",
       dashed: "ui-button--dashed border border-dashed bg-background hover:bg-accent hover:text-accent-foreground",
       secondary: "ui-button--secondary bg-secondary text-secondary-foreground hover:bg-secondary/80",

package/dist/components/general/reveal.d.ts

@@ -11,4 +11,4 @@ export type { RevealProp, RevealProp as RevealProps } from "../../props/componen
  * Pure/server-safe: no hooks, no effects. Pass `asChild` to merge the reveal onto the single child
  * element (no wrapper `<div>`) when an extra box would break a grid/flex layout.
  */
-export declare function Reveal({ children, delay, asChild, className, ...props }: RevealProp): import("react/jsx-runtime").JSX.Element;
+export declare function Reveal({ children, delay, asChild, className, ...props }: RevealProp): import("react").JSX.Element;

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

@@ -1,3 +1,4 @@
+import * as React from "react";
 import type { AppShellProp } from "../../props/components/layout.prop.js";
 export type { AppShellProp, AppShellProp as AppShellProps, } from "../../props/components/layout.prop.js";
-export declare function AppShell({ sidebar, topbar, topbarLeft, topbarRight, logo, breadcrumb, footer, children, sidebarCollapsed, mobileNav, mobileNavLabel, mobileNavOpen, onMobileNavOpenChange, }: AppShellProp): import("react/jsx-runtime").JSX.Element;
+export declare function AppShell({ sidebar, topbar, topbarLeft, topbarRight, logo, breadcrumb, footer, children, sidebarCollapsed, mobileNav, mobileNavLabel, mobileNavOpen, onMobileNavOpenChange, }: AppShellProp): React.JSX.Element;

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

@@ -19,4 +19,4 @@ export type { CenteredShellProp, CenteredShellProp as CenteredShellProps, } from
  * 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-runtime").JSX.Element;
+export declare function CenteredShell({ topbar, footer, children, width, className, }: CenteredShellProp): import("react").JSX.Element;

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/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, sticky, className, children, }: ToolbarProp): import("react").JSX.Element;
+export declare function ToolbarGroup({ label, className, children }: ToolbarGroupProp): import("react").JSX.Element;

package/dist/components/navigation/filter-bar.js

@@ -5,14 +5,20 @@ import { X } from "lucide-react";
 import { useTranslation } from "../../i18n/use-translation.js";
 import { Button } from "../general/button.js";
 import { cn } from "../../lib/utils.js";
-function Toolbar({ onClear, hasActiveFilters = true, className, children }) {
+function Toolbar({
+  onClear,
+  hasActiveFilters = true,
+  sticky = false,
+  className,
+  children
+}) {
   const { t } = useTranslation();
   return /* @__PURE__ */ jsxs(
     "div",
     {
       role: "toolbar",
       "aria-label": t("navigation.toolbar.ariaLabel"),
-      className: cn("ui-toolbar", className),
+      className: cn("ui-toolbar", sticky && "ui-toolbar-sticky", className),
       children: [
         children,
         onClear && hasActiveFilters && /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", onClick: onClear, className: "ui-toolbar-clear", children: [

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/credential-reveal.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import type { CredentialRevealProp } from "../../props/components/data-display.prop.js";
+export type { CredentialRevealProp, CredentialRevealProp as CredentialRevealProps, CredentialRevealTone, } from "../../props/components/data-display.prop.js";
+/**
+ * CredentialReveal — one-time secret surface (device credential / API key / service-account
+ * secret). Masked by default with a show/hide toggle, a copy button that confirms the copy, an
+ * optional download, and an optional acknowledge action to pair with a Dialog. Composed only from
+ * real @godxjp/ui primitives (Alert · Button · Text). Reveal is a controlled boolean triad
+ * (`revealed` / `defaultRevealed` / `onRevealedChange`); everything user-facing is routed through
+ * `t()`, and the copy confirmation is announced via an `aria-live` region.
+ */
+export declare const CredentialReveal: React.ForwardRefExoticComponent<CredentialRevealProp & React.RefAttributes<HTMLDivElement>>;