@godxjp/ui 13.9.2 → 13.10.0

package/dist/chunk-BF7J2U3E.js

@@ -1,331 +0,0 @@
-import { overlayHeaderToneClass } from './chunk-VU4GFGDG.js';
-import { Input } from './chunk-K24AQV4R.js';
-import { buttonVariants, Button } from './chunk-XBFUROAY.js';
-import { Label } from './chunk-7PWBC4BY.js';
-import { useTranslation } from './chunk-B6S6LTWT.js';
-import { cn } from './chunk-U7N2A7A3.js';
-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 { jsx, jsxs } from 'react/jsx-runtime';
-
-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 });
-}
-var 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;
-var 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";
-var 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";
-var DialogBody = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { "data-slot": "dialog-body", className, ...props });
-DialogBody.displayName = "DialogBody";
-var 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";
-var 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";
-var 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";
-var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
-var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var 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;
-var 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";
-var 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";
-var 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";
-var AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  AlertDialogPrimitive.Title,
-  {
-    ref,
-    "data-slot": "dialog-title",
-    className: cn(className),
-    ...props
-  }
-));
-AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  AlertDialogPrimitive.Description,
-  {
-    ref,
-    "data-slot": "dialog-description",
-    className: cn(className),
-    ...props
-  }
-));
-AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var DialogAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Action, { ref, className: cn(buttonVariants(), className), ...props }));
-DialogAction.displayName = "DialogAction";
-var DialogCancel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  AlertDialogPrimitive.Cancel,
-  {
-    ref,
-    className: cn(buttonVariants({ variant: "outline" }), className),
-    ...props
-  }
-));
-DialogCancel.displayName = "DialogCancel";
-var AlertDialogAction = DialogAction;
-var 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
-              }
-            )
-          ] })
-        ]
-      }
-    )
-  ] }) });
-}
-var 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/chunk-D4JX6O2W.js

@@ -1,114 +0,0 @@
-import { humanError } from './chunk-X6AJ5HEI.js';
-import { Flex } from './chunk-INIIF7F7.js';
-import { Button } from './chunk-XBFUROAY.js';
-import { useTranslation } from './chunk-B6S6LTWT.js';
-import { cn } from './chunk-U7N2A7A3.js';
-import * as React from 'react';
-import { Info, CheckCircle2, TriangleAlert, AlertCircle, X, RefreshCw } from 'lucide-react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var AlertContext = React.createContext("default");
-var ASSERTIVE_TONES = /* @__PURE__ */ new Set(["destructive", "warning"]);
-var DEFAULT_ICONS = {
-  default: Info,
-  destructive: AlertCircle,
-  warning: TriangleAlert,
-  success: CheckCircle2,
-  info: Info,
-  muted: Info,
-  neutral: Info
-};
-var AlertBase = React.forwardRef(
-  ({ variant = "default", tone = "default", icon, onDismiss, className, children, ...props }, ref) => {
-    const { t } = useTranslation();
-    const IconComponent = icon === false ? null : icon ?? DEFAULT_ICONS[tone];
-    return /* @__PURE__ */ jsx(AlertContext.Provider, { value: tone, children: /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        role: ASSERTIVE_TONES.has(tone) ? "alert" : "status",
-        "data-slot": "alert",
-        "data-variant": variant,
-        "data-tone": tone,
-        "data-dismissible": onDismiss ? "" : void 0,
-        className,
-        ...props,
-        children: [
-          IconComponent && /* @__PURE__ */ jsx(IconComponent, { "data-slot": "alert-icon", "data-tone": tone, "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx("div", { "data-slot": "alert-body", children }),
-          onDismiss && /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => {
-                void onDismiss();
-              },
-              "data-slot": "alert-dismiss",
-              className: "ring-offset-background focus-visible:ring-ring transition-opacity hover:opacity-100 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none",
-              "aria-label": t("feedback.alert.dismiss"),
-              children: /* @__PURE__ */ jsx(X, { className: "size-4", "aria-hidden": "true" })
-            }
-          )
-        ]
-      }
-    ) });
-  }
-);
-AlertBase.displayName = "Alert";
-var AlertTitle = React.forwardRef(
-  ({ className, ...props }, ref) => {
-    const tone = React.useContext(AlertContext);
-    return /* @__PURE__ */ jsx("p", { ref, "data-slot": "alert-title", "data-tone": tone, className, ...props });
-  }
-);
-AlertTitle.displayName = "AlertTitle";
-var AlertContent = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-slot": "alert-content",
-      className: cn("min-w-0 flex-1", className),
-      ...props
-    }
-  )
-);
-AlertContent.displayName = "AlertContent";
-var AlertDescription = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", { ref, "data-slot": "alert-description", className, ...props })
-);
-AlertDescription.displayName = "AlertDescription";
-var AlertActions = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, "data-slot": "alert-actions", className, ...props })
-);
-AlertActions.displayName = "AlertActions";
-function AlertQueryError({ error, onRetry, className }) {
-  const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs(Alert, { tone: "destructive", className, children: [
-    /* @__PURE__ */ jsx(AlertTitle, { children: t("common.error") }),
-    /* @__PURE__ */ jsx(AlertDescription, { children: humanError(error) }),
-    onRetry && /* @__PURE__ */ jsx(AlertActions, { children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "outline",
-        size: "sm",
-        onClick: () => {
-          void onRetry();
-        },
-        children: /* @__PURE__ */ jsxs(Flex, { direction: "row", wrap: true, align: "center", gap: "xs", children: [
-          /* @__PURE__ */ jsx(RefreshCw, { className: "size-4", "aria-hidden": "true" }),
-          t("common.retry")
-        ] })
-      }
-    ) })
-  ] });
-}
-var Alert = Object.assign(AlertBase, {
-  Title: AlertTitle,
-  Content: AlertContent,
-  Description: AlertDescription,
-  Actions: AlertActions,
-  QueryError: AlertQueryError
-});
-
-export { Alert, AlertActions, AlertBase, AlertContent, AlertDescription, AlertQueryError, AlertTitle };