@godxjp/ui 13.9.3 → 13.11.0

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

@@ -1,17 +1,14 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
-import { k as ToneProp } from '../../interaction.prop-DD46aTro.js';
-import { c as AlertDialogProp } from '../../feedback.prop-CHlHDYZK.js';
-import '../../shared.prop-BvMSLFJ6.js';
-import '../../content.prop-DrV_zDy-.js';
-
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import type { ToneProp } from "../../props/vocabulary";
+import type { AlertDialogProp } from "../../props/components/feedback.prop";
+export type { AlertDialogProp, AlertDialogProp as AlertDialogProps, } from "../../props/components/feedback.prop";
 type DialogRootProps = React.ComponentProps<typeof DialogPrimitive.Root> & {};
-declare function DialogRoot(props: DialogRootProps): react_jsx_runtime.JSX.Element;
-declare function DialogTrigger(props: React.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
-declare function DialogPortal(props: React.ComponentProps<typeof DialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
-declare function DialogClose(props: React.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime.JSX.Element;
+declare function DialogRoot(props: DialogRootProps): import("react/jsx-runtime").JSX.Element;
+declare function DialogTrigger(props: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DialogPortal(props: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DialogClose(props: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
 declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     showClose?: boolean;
@@ -24,15 +21,15 @@ interface DialogHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "
     tone?: ToneProp;
 }
 declare const DialogHeader: {
-    ({ className, title, subtitle, extra, tone, children, ...props }: DialogHeaderProps): react_jsx_runtime.JSX.Element;
+    ({ className, title, subtitle, extra, tone, children, ...props }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const DialogBody: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const DialogFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
@@ -45,11 +42,11 @@ declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDial
     showCloseButton?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 declare const AlertDialogHeader: {
-    ({ className, title, subtitle, extra, tone, children, ...props }: DialogHeaderProps): react_jsx_runtime.JSX.Element;
+    ({ className, title, subtitle, extra, tone, children, ...props }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const AlertDialogFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
@@ -61,8 +58,8 @@ declare const DialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrim
 declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 /** Preset: confirm / destructive / type-to-confirm without compound markup. */
-declare function AlertDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, variant, confirmPhrase, onConfirm, keepOpenOnConfirm, pending, }: AlertDialogProp): react_jsx_runtime.JSX.Element;
-declare const Dialog: typeof DialogRoot & {
+declare function AlertDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, variant, confirmPhrase, onConfirm, keepOpenOnConfirm, pending, }: AlertDialogProp): import("react/jsx-runtime").JSX.Element;
+export declare const Dialog: typeof DialogRoot & {
     Trigger: typeof DialogTrigger;
     Portal: typeof DialogPortal;
     Overlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -71,15 +68,15 @@ declare const Dialog: typeof DialogRoot & {
         showCloseButton?: boolean;
     } & React.RefAttributes<HTMLDivElement>>;
     Header: {
-        ({ className, title, subtitle, extra, tone, children, ...props }: DialogHeaderProps): react_jsx_runtime.JSX.Element;
+        ({ className, title, subtitle, extra, tone, children, ...props }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Body: {
-        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Footer: {
-        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Title: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
@@ -88,5 +85,4 @@ declare const Dialog: typeof DialogRoot & {
     Action: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
     Cancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 };
-
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogProp, AlertDialogProp as AlertDialogProps, AlertDialogTitle, AlertDialogTrigger, Dialog, DialogAction, DialogBody, DialogCancel, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger };
+export { DialogRoot, DialogTrigger, DialogPortal, DialogOverlay, DialogContent, DialogHeader, DialogBody, DialogFooter, DialogTitle, DialogDescription, DialogClose, DialogAction, DialogCancel, AlertDialogTrigger, AlertDialogPortal, AlertDialogOverlay, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, AlertDialog, };

package/dist/components/feedback/dialog.js

@@ -1,8 +1,356 @@
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Dialog, DialogAction, DialogBody, DialogCancel, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger } from '../../chunk-RZ32HY5E.js';
-import '../../chunk-K24AQV4R.js';
-import '../../chunk-VU4GFGDG.js';
-import '../../chunk-XBFUROAY.js';
-import '../../chunk-7PWBC4BY.js';
-import '../../chunk-B6S6LTWT.js';
-import '../../chunk-5732TWQF.js';
-import '../../chunk-U7N2A7A3.js';
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import { X } from "lucide-react";
+import { cn } from "../../lib/utils";
+import { overlayHeaderToneClass } from "./overlay-header-tone";
+import { buttonVariants } from "../general/button";
+import { useTranslation } from "../../i18n/use-translation";
+import { Button } from "../general/button";
+import { Input } from "../data-entry/input";
+import { Label } from "../data-entry/label";
+function DialogRoot(props) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+}
+function DialogTrigger(props) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogPortal(props) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+}
+function DialogClose(props) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
+}
+const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    "data-slot": "dialog-overlay",
+    className: cn(
+      "ui-dialog-overlay data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props
+  }
+));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+const DialogContent = React.forwardRef(({ className, children, showClose, showCloseButton: showCloseButtonProp, ...props }, ref) => {
+  const showCloseButton = showCloseButtonProp ?? showClose ?? true;
+  return /* @__PURE__ */ jsxs(DialogPortal, { children: [
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        ref,
+        "data-slot": "dialog-content",
+        className: cn(
+          "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",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton ? /* @__PURE__ */ jsxs(
+            DialogPrimitive.Close,
+            {
+              "data-slot": "dialog-close",
+              className: "ring-offset-background focus:ring-ring transition-opacity focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",
+              children: [
+                /* @__PURE__ */ jsx(X, { className: "size-4", "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          ) : null
+        ]
+      }
+    )
+  ] });
+});
+DialogContent.displayName = "DialogContent";
+const DialogHeader = ({
+  className,
+  title,
+  subtitle,
+  extra,
+  tone = "default",
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      "data-tone": tone,
+      className: cn(overlayHeaderToneClass[tone], className),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-[var(--space-3)] pe-[var(--space-8)]", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-[var(--space-1)]", children: [
+          title != null && /* @__PURE__ */ jsx(DialogTitle, { children: title }),
+          subtitle != null && /* @__PURE__ */ jsx(DialogDescription, { children: subtitle })
+        ] }),
+        extra != null && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-[var(--space-2)] whitespace-nowrap", children: extra })
+      ] })
+    }
+  );
+};
+DialogHeader.displayName = "DialogHeader";
+const DialogBody = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { "data-slot": "dialog-body", className, ...props });
+DialogBody.displayName = "DialogBody";
+const DialogFooter = ({ className, ...props }) => (
+  // Layout (right-aligned actions, mobile column-reverse) lives in feedback-layout.css
+  // [data-slot="dialog-footer"]. Destructive action goes to the start via `className="me-auto"`.
+  /* @__PURE__ */ jsx("div", { "data-slot": "dialog-footer", className, ...props })
+);
+DialogFooter.displayName = "DialogFooter";
+const DialogTitle = React.forwardRef(({ className, ...props }, ref) => {
+  const cls = cn(className);
+  return /* @__PURE__ */ jsx(DialogPrimitive.Title, { ref, "data-slot": "dialog-title", className: cls, ...props });
+});
+DialogTitle.displayName = "DialogTitle";
+const DialogDescription = React.forwardRef(({ className, ...props }, ref) => {
+  const cls = cn(className);
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    {
+      ref,
+      "data-slot": "dialog-description",
+      className: cls,
+      ...props
+    }
+  );
+});
+DialogDescription.displayName = "DialogDescription";
+const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+const AlertDialogPortal = AlertDialogPrimitive.Portal;
+const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Overlay,
+  {
+    ref,
+    "data-slot": "dialog-overlay",
+    className: cn(
+      "ui-dialog-overlay data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props
+  }
+));
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+const AlertDialogContent = React.forwardRef(({ className, children, showClose, showCloseButton: showCloseButtonProp, ...props }, ref) => {
+  const showCloseButton = showCloseButtonProp ?? showClose ?? false;
+  return /* @__PURE__ */ jsxs(
+    AlertDialogPrimitive.Content,
+    {
+      ref,
+      "data-slot": "dialog-content",
+      className: cn(
+        "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",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        showCloseButton ? /* @__PURE__ */ jsx(AlertDialogPrimitive.Cancel, { asChild: true, children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "ring-offset-background focus:ring-ring transition-opacity focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",
+            "aria-label": "Close",
+            children: /* @__PURE__ */ jsx(X, { className: "size-4", "aria-hidden": "true" })
+          }
+        ) }) : null
+      ]
+    }
+  );
+});
+AlertDialogContent.displayName = "AlertDialogContent";
+const AlertDialogHeader = ({
+  className,
+  title,
+  subtitle,
+  extra,
+  tone = "default",
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      "data-tone": tone,
+      className: cn(overlayHeaderToneClass[tone], className),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-[var(--space-3)] pe-[var(--space-8)]", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-[var(--space-1)]", children: [
+          title != null && /* @__PURE__ */ jsx(AlertDialogTitle, { children: title }),
+          subtitle != null && /* @__PURE__ */ jsx(AlertDialogDescription, { children: subtitle })
+        ] }),
+        extra != null && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-[var(--space-2)] whitespace-nowrap", children: extra })
+      ] })
+    }
+  );
+};
+AlertDialogHeader.displayName = "AlertDialogHeader";
+const AlertDialogFooter = ({ className, ...props }) => (
+  // Layout lives in feedback-layout.css [data-slot="dialog-footer"] (right-aligned actions).
+  /* @__PURE__ */ jsx("div", { "data-slot": "dialog-footer", className: cn(className), ...props })
+);
+AlertDialogFooter.displayName = "AlertDialogFooter";
+const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Title,
+  {
+    ref,
+    "data-slot": "dialog-title",
+    className: cn(className),
+    ...props
+  }
+));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+const AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Description,
+  {
+    ref,
+    "data-slot": "dialog-description",
+    className: cn(className),
+    ...props
+  }
+));
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+const DialogAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Action, { ref, className: cn(buttonVariants(), className), ...props }));
+DialogAction.displayName = "DialogAction";
+const DialogCancel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Cancel,
+  {
+    ref,
+    className: cn(buttonVariants({ variant: "outline" }), className),
+    ...props
+  }
+));
+DialogCancel.displayName = "DialogCancel";
+const AlertDialogAction = DialogAction;
+const AlertDialogCancel = DialogCancel;
+function AlertDialog({
+  open,
+  onOpenChange,
+  title,
+  description,
+  confirmLabel,
+  cancelLabel,
+  variant = "default",
+  confirmPhrase,
+  onConfirm,
+  keepOpenOnConfirm = false,
+  pending = false
+}) {
+  const { t } = useTranslation();
+  const [typed, setTyped] = React.useState("");
+  const inputId = React.useId();
+  const needsPhrase = confirmPhrase != null && confirmPhrase.length > 0;
+  const phraseMatches = !needsPhrase || typed === confirmPhrase;
+  const effectiveVariant = needsPhrase ? "destructive" : variant;
+  const resolvedConfirm = confirmLabel ?? (needsPhrase ? t("common.delete") : t("common.continue"));
+  const resolvedCancel = cancelLabel ?? t("common.cancel");
+  const handleOpenChange = (next) => {
+    setTyped("");
+    onOpenChange(next);
+  };
+  const handleConfirm = () => {
+    if (!phraseMatches) return;
+    void (async () => {
+      await onConfirm();
+      if (!keepOpenOnConfirm) onOpenChange(false);
+    })();
+  };
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Root, { "data-slot": "dialog", open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs(AlertDialogPrimitive.Portal, { children: [
+    /* @__PURE__ */ jsx(
+      AlertDialogPrimitive.Overlay,
+      {
+        "data-slot": "dialog-overlay",
+        className: "ui-dialog-overlay data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0"
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      AlertDialogPrimitive.Content,
+      {
+        "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__ */ 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(
+              Input,
+              {
+                id: inputId,
+                value: typed,
+                onChange: (e) => {
+                  setTyped(e.target.value);
+                },
+                autoComplete: "off",
+                spellCheck: false,
+                placeholder: confirmPhrase,
+                "aria-required": "true"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(DialogFooter, { children: [
+            /* @__PURE__ */ jsx(DialogCancel, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "ghost", disabled: pending, children: resolvedCancel }) }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: effectiveVariant === "destructive" ? "destructive" : "default",
+                onClick: handleConfirm,
+                disabled: pending || !phraseMatches,
+                children: pending ? t("common.working") : resolvedConfirm
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] }) });
+}
+const Dialog = Object.assign(DialogRoot, {
+  Trigger: DialogTrigger,
+  Portal: DialogPortal,
+  Overlay: DialogOverlay,
+  Content: DialogContent,
+  Header: DialogHeader,
+  Body: DialogBody,
+  Footer: DialogFooter,
+  Title: DialogTitle,
+  Description: DialogDescription,
+  Close: DialogClose,
+  Action: DialogAction,
+  Cancel: DialogCancel
+});
+export {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+  Dialog,
+  DialogAction,
+  DialogBody,
+  DialogCancel,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogRoot,
+  DialogTitle,
+  DialogTrigger
+};

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

@@ -1,28 +1,10 @@
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Dialog, DialogAction, DialogBody, DialogCancel, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './dialog.js';
-export { Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from './sheet.js';
-export { Toaster } from './sonner.js';
-export { toast } from 'sonner';
-export { S as Skeleton, a as SkeletonDetail, b as SkeletonProps, c as SkeletonRows, d as SkeletonStat, e as SkeletonTable } from '../../skeleton-cj9kh5wo.js';
-export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from './alert.js';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-export { A as AlertActionsProp, A as AlertActionsProps, a as AlertContentProp, a as AlertContentProps, b as AlertDescriptionProp, b as AlertDescriptionProps, c as AlertDialogProp, c as AlertDialogProps, d as AlertProp, d as AlertProps, e as AlertQueryErrorProp, e as AlertQueryErrorProps, f as AlertTitleProp, f as AlertTitleProps } from '../../feedback.prop-CHlHDYZK.js';
-import '@radix-ui/react-dialog';
-import '@radix-ui/react-alert-dialog';
-import '../../interaction.prop-DD46aTro.js';
-import '../../shared.prop-BvMSLFJ6.js';
-import '../../content.prop-DrV_zDy-.js';
-import 'class-variance-authority/types';
-import 'class-variance-authority';
-
-/** Opt-in provider for tuning delay across a subtree. Each <Tooltip> already self-provides. */
-declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime.JSX.Element;
-/** Self-contained tooltip — no app-level provider needed. Controllable via `open`/`onOpenChange`. */
-declare function Tooltip({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Root> & {
-    delayDuration?: number;
-}): react_jsx_runtime.JSX.Element;
-declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-
-export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogBody, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogAction, DialogCancel, AlertDialogTrigger, AlertDialogPortal, AlertDialogOverlay, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, AlertDialog, } from "./dialog";
+export type { AlertDialogProp, AlertDialogProps } from "./dialog";
+export { Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, } from "./sheet";
+export { Toaster } from "./sonner";
+export { toast } from "./use-toast";
+export { Skeleton, SkeletonRows, SkeletonTable, SkeletonDetail, SkeletonStat } from "./skeleton";
+export type { SkeletonProps } from "./skeleton";
+export { Alert, AlertTitle, AlertContent, AlertDescription, AlertActions, AlertQueryError, } from "./alert";
+export type { AlertProp, AlertProps, AlertTitleProp, AlertTitleProps, AlertContentProp, AlertContentProps, AlertDescriptionProp, AlertDescriptionProps, AlertActionsProp, AlertActionsProps, AlertQueryErrorProp, AlertQueryErrorProps, } from "./alert";
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "./tooltip";

package/dist/components/feedback/index.js

@@ -1,18 +1,105 @@
-import '../../chunk-2H65B4JA.js';
-export { Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from '../../chunk-5LTW2LWF.js';
-export { sonnerToast as toast } from '../../chunk-ES4Q3KGL.js';
-export { Skeleton, SkeletonDetail, SkeletonRows, SkeletonStat, SkeletonTable } from '../../chunk-2BR7KFCP.js';
-export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../chunk-32WO3YLB.js';
-export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../../chunk-D4JX6O2W.js';
-import '../../chunk-X6AJ5HEI.js';
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Dialog, DialogAction, DialogBody, DialogCancel, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from '../../chunk-RZ32HY5E.js';
-import '../../chunk-K24AQV4R.js';
-import '../../chunk-VU4GFGDG.js';
-export { Toaster } from '../../chunk-TO7URV7U.js';
-import '../../chunk-INIIF7F7.js';
-import '../../chunk-XBFUROAY.js';
-import '../../chunk-B4K4BXEF.js';
-import '../../chunk-7PWBC4BY.js';
-import '../../chunk-B6S6LTWT.js';
-import '../../chunk-5732TWQF.js';
-import '../../chunk-U7N2A7A3.js';
+import {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogBody,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  DialogAction,
+  DialogCancel,
+  AlertDialogTrigger,
+  AlertDialogPortal,
+  AlertDialogOverlay,
+  AlertDialogContent,
+  AlertDialogHeader,
+  AlertDialogFooter,
+  AlertDialogTitle,
+  AlertDialogDescription,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialog
+} from "./dialog";
+import {
+  Sheet,
+  SheetBody,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetPortal,
+  SheetTitle,
+  SheetTrigger
+} from "./sheet";
+import { Toaster } from "./sonner";
+import { toast } from "./use-toast";
+import { Skeleton, SkeletonRows, SkeletonTable, SkeletonDetail, SkeletonStat } from "./skeleton";
+import {
+  Alert,
+  AlertTitle,
+  AlertContent,
+  AlertDescription,
+  AlertActions,
+  AlertQueryError
+} from "./alert";
+import { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "./tooltip";
+export {
+  Alert,
+  AlertActions,
+  AlertContent,
+  AlertDescription,
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+  AlertQueryError,
+  AlertTitle,
+  Dialog,
+  DialogAction,
+  DialogBody,
+  DialogCancel,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  Sheet,
+  SheetBody,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetPortal,
+  SheetTitle,
+  SheetTrigger,
+  Skeleton,
+  SkeletonDetail,
+  SkeletonRows,
+  SkeletonStat,
+  SkeletonTable,
+  Toaster,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  toast
+};

package/dist/components/feedback/overlay-header-tone.d.ts

@@ -0,0 +1,7 @@
+import type { ToneProp } from "../../props/vocabulary";
+/**
+ * Soft semantic background band for an overlay header (Sheet / Dialog / Drawer), Ant-Design style.
+ * Tints ONLY the background — text stays `--foreground` (渋み: never invert the band into a loud
+ * solid fill). `default` = no band. Shared so the three overlays stay consistent.
+ */
+export declare const overlayHeaderToneClass: Record<ToneProp, string>;

package/dist/{chunk-VU4GFGDG.js → components/feedback/overlay-header-tone.js}

@@ -1,5 +1,4 @@
-// src/components/feedback/overlay-header-tone.ts
-var overlayHeaderToneClass = {
+const overlayHeaderToneClass = {
   default: "",
   success: "bg-success/10",
   warning: "bg-warning/10",
@@ -8,5 +7,6 @@ var overlayHeaderToneClass = {
   muted: "bg-muted",
   neutral: "bg-muted"
 };
-
-export { overlayHeaderToneClass };
+export {
+  overlayHeaderToneClass
+};