@godxjp/ui 31.31.8 → 32.0.1

package/dist/components/data-display/welcome.d.ts

@@ -1,26 +0,0 @@
-import * as React from "react";
-import type { WelcomeProp } from "../../props/components/data-display.prop.js";
-export type { WelcomeProp, WelcomeProp as WelcomeProps, WelcomeVariantProp, } from "../../props/components/data-display.prop.js";
-/**
- * Welcome — the greeting block at the head of an empty conversation (Ant Design X `Welcome`).
- *
- * ## Why this is a component and not four lines of composition
- *
- * It is close to the line, and the honest answer is that the SHAPE is the value: an assistant's
- * first screen is the same object in every product — glyph, greeting, one line under it, one
- * trailing action — and Ant X named it, so every consumer that builds a chat now expects the name.
- * What it owns beyond a `Flex` is the `extra` slot's placement (on the TITLE row, not below the
- * description, which is where a hand-roll puts it) and the `icon`-as-URL rule below.
- *
- * ## Two deliberate differences from Ant X, both in the same direction
- *
- * - **The image icon is decorative.** Ant renders `alt="icon"` — a screen reader then reads the
- *   word "icon" beside a title the glyph is only decorating. Here it is `alt=""`, which is what an
- *   image that duplicates adjacent text is supposed to be.
- * - **The heading level is Ant's.** Ant hardcodes `Typography.Title level={4}`, so this renders an
- *   `<h4>`. Hardcoding a level is a document-structure decision a component should not normally
- *   make, but the alternative — inventing a `level` prop Ant does not have — is a second spelling
- *   of an axis the issue asked to port verbatim. Wrap it in your own heading hierarchy if the page
- *   needs a different rung.
- */
-export declare const Welcome: React.ForwardRefExoticComponent<WelcomeProp & React.RefAttributes<HTMLDivElement>>;

package/dist/components/data-display/welcome.js

@@ -1,37 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../../lib/utils.js";
-import { Heading, Text } from "../general/typography.js";
-function isImageUrl(icon) {
-  return typeof icon === "string" && icon.startsWith("http");
-}
-const Welcome = React.forwardRef(
-  ({ icon, title, description, extra, variant = "filled", id, className, ...rest }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        id,
-        "data-slot": "welcome",
-        "data-variant": variant,
-        className: cn("ui-welcome", className),
-        ...rest,
-        children: [
-          icon ? /* @__PURE__ */ jsx("div", { "data-slot": "welcome-icon", className: "ui-welcome-icon", "aria-hidden": "true", children: isImageUrl(icon) ? /* @__PURE__ */ jsx("img", { src: icon, alt: "" }) : icon }) : null,
-          /* @__PURE__ */ jsxs("div", { "data-slot": "welcome-content", className: "ui-welcome-content", children: [
-            title || extra ? /* @__PURE__ */ jsxs("div", { "data-slot": "welcome-title-row", className: "ui-welcome-title-row", children: [
-              title ? /* @__PURE__ */ jsx(Heading, { level: 4, className: "ui-welcome-title", children: title }) : null,
-              extra ? /* @__PURE__ */ jsx("div", { "data-slot": "welcome-extra", className: "ui-welcome-extra", children: extra }) : null
-            ] }) : null,
-            description ? /* @__PURE__ */ jsx(Text, { size: "sm", tone: "muted", className: "ui-welcome-description", children: description }) : null
-          ] })
-        ]
-      }
-    );
-  }
-);
-Welcome.displayName = "Welcome";
-export {
-  Welcome
-};

package/dist/components/data-entry/attachments.d.ts

@@ -1,19 +0,0 @@
-import * as React from "react";
-import type { AttachmentsItemProp, AttachmentsPlaceholderProp, AttachmentsRefProp } from "../../props/components/data-entry.prop.js";
-export type { AttachmentsProp, AttachmentsProp as AttachmentsProps, AttachmentsItemProp, AttachmentsPlaceholderProp, AttachmentsOverflowProp, AttachmentsRefProp, } from "../../props/components/data-entry.prop.js";
-export declare const Attachments: React.ForwardRefExoticComponent<Omit<import("./upload.js").UploadProp, "children" | "defaultValue" | "onRemove" | "onValueChange" | "showUploadList" | "value" | "variant"> & {
-    items?: readonly AttachmentsItemProp[];
-    onChange?: (info: {
-        file: AttachmentsItemProp;
-        fileList: AttachmentsItemProp[];
-    }) => void;
-    onRemove?: (item: AttachmentsItemProp) => boolean | void | Promise<boolean | void>;
-    overflow?: import("./attachments.js").AttachmentsOverflowProp;
-    placeholder?: AttachmentsPlaceholderProp | ((type: "inline" | "drop") => AttachmentsPlaceholderProp);
-    getDropContainer?: (() => HTMLElement | null | undefined) | null;
-    classNames?: Partial<Record<import("../../props/components/data-entry.prop.js").AttachmentsSemanticProp, string>>;
-    styles?: Partial<Record<import("../../props/components/data-entry.prop.js").AttachmentsSemanticProp, React.CSSProperties>>;
-    rootClassName?: import("../../props/index.js").ClassNameProp;
-    children?: React.ReactElement;
-    imageProps?: Record<string, unknown>;
-} & React.RefAttributes<AttachmentsRefProp>>;

package/dist/components/data-entry/attachments.js

@@ -1,366 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { FileIcon, ImagePlus, Plus, X } from "lucide-react";
-import { useTranslation } from "../../i18n/use-translation.js";
-import { formatBytes } from "../../lib/format.js";
-import { cn } from "../../lib/utils.js";
-import { Button } from "../general/button.js";
-import { Progress } from "../data-display/progress.js";
-import { createUploadItem } from "./upload-types.js";
-import { readDroppedFiles } from "./upload-files.js";
-const AttachmentContext = React.createContext({ disabled: false });
-function toAttachmentItem(item) {
-  const status = item.status === "uploading" ? "uploading" : item.status === "done" ? "done" : item.status === "error" ? "error" : item.status === "removed" ? "removed" : void 0;
-  return {
-    uid: item.uid,
-    name: item.name,
-    size: item.size,
-    status,
-    percent: item.percent,
-    url: item.url,
-    thumbUrl: item.previewUrl,
-    originFileObj: item.file,
-    response: item.response,
-    error: item.error
-  };
-}
-function resolvePlaceholder(placeholder, type) {
-  if (!placeholder) return {};
-  return typeof placeholder === "function" ? placeholder(type) : placeholder;
-}
-function splitFileName(name) {
-  const match = /^(.*)\.[^.]+$/.exec(name ?? "");
-  return match ? [match[1], (name ?? "").slice(match[1].length)] : [name ?? "", ""];
-}
-function fileMatchesAccept(file, accept) {
-  if (!accept) return true;
-  return accept.split(",").some((rule) => {
-    const trimmed = rule.trim().toLowerCase();
-    if (trimmed.endsWith("/*")) return file.type.toLowerCase().startsWith(trimmed.slice(0, -1));
-    return file.type.toLowerCase() === trimmed || trimmed.startsWith(".") && file.name.toLowerCase().endsWith(trimmed);
-  });
-}
-function PlaceholderUploader({
-  type,
-  placeholder,
-  onOpen,
-  onFiles,
-  className,
-  style,
-  hidden
-}) {
-  const { t } = useTranslation();
-  const { disabled } = React.useContext(AttachmentContext);
-  const [dragActive, setDragActive] = React.useState(false);
-  if (hidden) return null;
-  const title = placeholder.title ?? t("dataEntry.attachments.placeholderTitle");
-  const description = placeholder.description ?? t("dataEntry.attachments.placeholderDescription");
-  const icon = placeholder.icon ?? /* @__PURE__ */ jsx(ImagePlus, { "aria-hidden": "true" });
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn("ui-attachments-placeholder", className),
-      style,
-      "data-drag-active": dragActive ? "true" : void 0,
-      "data-disabled": disabled ? "true" : void 0,
-      "aria-hidden": disabled ? true : void 0,
-      onDragEnter: (event) => {
-        event.preventDefault();
-        if (!disabled) setDragActive(true);
-      },
-      onDragOver: (event) => event.preventDefault(),
-      onDragLeave: (event) => {
-        if (!event.currentTarget.contains(event.relatedTarget)) setDragActive(false);
-      },
-      onDrop: async (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        setDragActive(false);
-        if (disabled) return;
-        const files = await readDroppedFiles(event.dataTransfer, false);
-        if (files.length) onFiles(files);
-      },
-      onClick: () => {
-        if (!disabled) onOpen();
-      },
-      onKeyDown: (event) => {
-        if (disabled) return;
-        if (event.key === "Enter" || event.key === " ") {
-          event.preventDefault();
-          onOpen();
-        }
-      },
-      role: "button",
-      tabIndex: disabled ? -1 : 0,
-      "aria-label": String(title),
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "ui-attachments-placeholder-icon", children: icon }),
-        title ? /* @__PURE__ */ jsx("span", { className: "ui-attachments-placeholder-title", children: title }) : null,
-        description ? /* @__PURE__ */ jsx("span", { className: "ui-attachments-placeholder-description", children: description }) : null,
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("dataEntry.attachments.dropLabel", { type }) })
-      ]
-    }
-  );
-}
-function AttachmentCard({
-  item,
-  description,
-  onRemove,
-  classNames
-}) {
-  const { t } = useTranslation();
-  const { disabled } = React.useContext(AttachmentContext);
-  const preview = item.thumbUrl ?? item.url;
-  const [namePrefix, nameSuffix] = splitFileName(item.name);
-  const desc = description ?? item.description ?? (item.status === "uploading" ? `${item.percent ?? 0}%` : item.status === "error" ? typeof item.response === "string" ? item.response : t("dataEntry.attachments.error") : item.size ? formatBytes(item.size) : "");
-  return /* @__PURE__ */ jsxs(
-    "li",
-    {
-      className: cn("ui-attachments-card", classNames?.card, classNames?.file),
-      "data-status": item.status,
-      children: [
-        preview ? /* @__PURE__ */ jsx("img", { src: preview, alt: "", className: "ui-attachments-card-preview", "aria-hidden": "true" }) : /* @__PURE__ */ jsx("span", { className: "ui-attachments-card-placeholder", "aria-hidden": "true", children: /* @__PURE__ */ jsx(FileIcon, {}) }),
-        /* @__PURE__ */ jsxs("span", { className: "ui-attachments-card-content", children: [
-          /* @__PURE__ */ jsxs("span", { className: "ui-attachments-card-name", title: item.name, children: [
-            /* @__PURE__ */ jsx("span", { className: "ui-attachments-card-name-prefix", children: namePrefix }),
-            /* @__PURE__ */ jsx("span", { className: "ui-attachments-card-name-suffix", children: nameSuffix })
-          ] }),
-          desc ? /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: "ui-attachments-card-meta",
-              title: typeof desc === "string" ? desc : void 0,
-              children: desc
-            }
-          ) : null
-        ] }),
-        item.status === "uploading" && item.percent != null ? /* @__PURE__ */ jsx("span", { className: "ui-attachments-card-progress", children: /* @__PURE__ */ jsx(
-          Progress,
-          {
-            size: "sm",
-            value: item.percent,
-            "aria-label": t("dataEntry.attachments.uploading")
-          }
-        ) }) : null,
-        !disabled && onRemove ? /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            variant: "ghost",
-            size: "icon-xs",
-            className: "ui-attachments-card-remove",
-            "aria-label": t("dataEntry.attachments.remove", { name: item.name }),
-            onClick: (event) => {
-              event.stopPropagation();
-              onRemove();
-            },
-            children: /* @__PURE__ */ jsx(X, { "aria-hidden": "true" })
-          }
-        ) : null
-      ]
-    }
-  );
-}
-const Attachments = React.forwardRef(
-  ({
-    className,
-    rootClassName,
-    classNames = {},
-    styles = {},
-    items: controlledItems,
-    onChange,
-    onRemove,
-    overflow,
-    placeholder,
-    getDropContainer,
-    disabled = false,
-    maxCount,
-    accept,
-    multiple,
-    children
-  }, ref) => {
-    const { t } = useTranslation();
-    const containerRef = React.useRef(null);
-    const inputRef = React.useRef(null);
-    const [internalItems, setInternalItems] = React.useState([]);
-    const [dropActive, setDropActive] = React.useState(false);
-    const items = controlledItems ?? internalItems;
-    const setItems = React.useCallback(
-      (next, file) => {
-        if (controlledItems === void 0) setInternalItems(next);
-        onChange?.({ file, fileList: next });
-      },
-      [controlledItems, onChange]
-    );
-    const openPicker = React.useCallback(() => {
-      inputRef.current?.click();
-    }, []);
-    const dispatchFiles = React.useCallback(
-      (files) => {
-        const accepted = files.filter((file) => fileMatchesAccept(file, accept));
-        if (!accepted.length) return;
-        const room = maxCount == null ? accepted.length : Math.max(0, maxCount - items.length);
-        const picked = accepted.slice(0, room);
-        const next = [
-          ...items,
-          ...picked.map((file) => {
-            const uploadItem = createUploadItem(file);
-            return toAttachmentItem(uploadItem);
-          })
-        ];
-        const last = next[next.length - 1];
-        if (last) setItems(next, last);
-      },
-      [accept, items, maxCount, setItems]
-    );
-    React.useImperativeHandle(ref, () => ({
-      nativeElement: containerRef.current,
-      fileNativeElement: inputRef.current,
-      upload: (file) => dispatchFiles([file]),
-      select: (options) => {
-        const input = inputRef.current;
-        if (!input) return;
-        input.multiple = options?.multiple ?? false;
-        input.accept = options?.accept ?? accept ?? "";
-        input.click();
-      }
-    }));
-    const handleRemove = async (item) => {
-      const ret = await Promise.resolve(typeof onRemove === "function" ? onRemove(item) : onRemove);
-      if (ret === false) return;
-      const next = items.filter((entry) => entry.uid !== item.uid);
-      setItems(next, { ...item, status: "removed" });
-    };
-    const showExtension = !disabled && (maxCount == null || maxCount > items.length) && items.length > 0;
-    const inlinePlaceholder = resolvePlaceholder(placeholder, "inline");
-    const dropPlaceholder = resolvePlaceholder(placeholder, "drop");
-    const hasFiles = items.length > 0;
-    const fileInput = /* @__PURE__ */ jsx(
-      "input",
-      {
-        ref: inputRef,
-        type: "file",
-        className: cn("ui-attachments-input", "sr-only"),
-        accept,
-        multiple: multiple ?? (maxCount == null || maxCount > 1),
-        disabled,
-        "aria-label": t("dataEntry.attachments.inputLabel"),
-        onChange: (event) => {
-          const files = event.target.files ? Array.from(event.target.files) : [];
-          event.target.value = "";
-          dispatchFiles(files);
-        }
-      }
-    );
-    if (children) {
-      return /* @__PURE__ */ jsxs(AttachmentContext.Provider, { value: { disabled }, children: [
-        fileInput,
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            ref: containerRef,
-            className: cn("ui-attachments", rootClassName, classNames.root),
-            style: styles.root,
-            children
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          PlaceholderUploader,
-          {
-            type: "drop",
-            placeholder: dropPlaceholder,
-            onOpen: openPicker,
-            onFiles: dispatchFiles,
-            className: classNames.placeholder,
-            style: styles.placeholder
-          }
-        )
-      ] });
-    }
-    const dropScope = getDropContainer?.() ? "viewport" : "control";
-    return /* @__PURE__ */ jsx(AttachmentContext.Provider, { value: { disabled }, children: /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref: containerRef,
-        className: cn("ui-attachments", className, rootClassName, classNames.root),
-        style: styles.root,
-        dir: "auto",
-        onDragEnter: (event) => {
-          event.preventDefault();
-          if (!disabled) setDropActive(true);
-        },
-        onDragOver: (event) => event.preventDefault(),
-        onDragLeave: (event) => {
-          if (!event.currentTarget.contains(event.relatedTarget)) setDropActive(false);
-        },
-        onDrop: async (event) => {
-          event.preventDefault();
-          setDropActive(false);
-          if (disabled) return;
-          const files = await readDroppedFiles(event.dataTransfer, false);
-          if (files.length) dispatchFiles(files);
-        },
-        children: [
-          fileInput,
-          hasFiles ? /* @__PURE__ */ jsxs(
-            "ul",
-            {
-              className: cn("ui-attachments-list", classNames.list),
-              style: styles.list,
-              "data-overflow": overflow ?? "wrap",
-              children: [
-                items.map((item) => /* @__PURE__ */ jsx(
-                  AttachmentCard,
-                  {
-                    item,
-                    onRemove: () => handleRemove(item),
-                    classNames
-                  },
-                  item.uid
-                )),
-                showExtension ? /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    className: cn("ui-attachments-upload-btn", classNames.upload),
-                    style: styles.upload,
-                    disabled,
-                    "aria-label": t("dataEntry.attachments.add"),
-                    onClick: openPicker,
-                    children: /* @__PURE__ */ jsx(Plus, { "aria-hidden": "true" })
-                  }
-                ) }) : null
-              ]
-            }
-          ) : null,
-          /* @__PURE__ */ jsx(
-            PlaceholderUploader,
-            {
-              type: "inline",
-              placeholder: inlinePlaceholder,
-              onOpen: openPicker,
-              onFiles: dispatchFiles,
-              className: classNames.placeholder,
-              style: hasFiles ? { display: "none" } : styles.placeholder,
-              hidden: hasFiles
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "ui-attachments-drop-layer",
-              "data-scope": dropScope,
-              "data-active": dropActive ? "true" : void 0,
-              "aria-hidden": "true"
-            }
-          )
-        ]
-      }
-    ) });
-  }
-);
-Attachments.displayName = "Attachments";
-export {
-  Attachments
-};

package/dist/components/data-entry/chat-composer.d.ts

@@ -1,51 +0,0 @@
-import * as React from "react";
-export type { ChatComposerProp, ChatComposerProp as ChatComposerProps, ChatComposerSubmitTypeProp, ChatComposerActionComponents, ChatComposerFooterProp, } from "../../props/components/data-entry.prop.js";
-/**
- * ChatComposer — the message input of a conversation (Ant Design X `Sender`).
- *
- * ## Why a component and not a composition
- *
- * Three behaviours live here and nowhere else, and every app that hand-rolls a composer gets at
- * least one of them wrong:
- *
- * 1. **An IME conversion is not a message.** Between `compositionstart` and `compositionend` the
- *    text in the box is a CANDIDATE being converted, and the `Enter` that accepts it belongs to
- *    the IME. A composer that reads that `Enter` as "send" makes Japanese and Vietnamese input
- *    impossible — the first kanji conversion sends a half-written line. The guard is a ref, not
- *    state, because it has to be readable inside the keydown that fires between the two events.
- * 2. **One trailing action at a time.** While a response streams the send button IS the cancel
- *    button — the same discipline as the picker trailing-action rule. Rendering both is how a
- *    user cancels by aiming for send.
- * 3. **The draft box is the focus target.** `ref`, `id`, `name` and the whole `FormField`
- *    label/helper/error contract land on the `<textarea>`, not on the frame, so a composer inside
- *    a `FormField` is labelled and described exactly like an `Input`.
- *
- * Everything visible is a real primitive: the draft box is `Textarea` (`variant="borderless"`, so
- * the frame is the only boundary) and every action is a `Button`.
- */
-export declare const ChatComposer: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange" | "onKeyDown" | "onSubmit" | "prefix"> & import("../../lib/field-a11y.js").FieldA11yProps & {
-    value?: import("../../props/index.js").ValueProp<string>;
-    defaultValue?: import("../../props/index.js").DefaultValueProp<string>;
-    onValueChange?: import("../../props/index.js").OnValueChangeProp<string>;
-    onSubmit?: (value: string) => void;
-    onCancel?: () => void;
-    loading?: import("../../props/index.js").PendingProp;
-    submitType?: import("./chat-composer.js").ChatComposerSubmitTypeProp;
-    allowEmptySubmit?: boolean;
-    placeholder?: import("../../props/index.js").PlaceholderProp;
-    disabled?: import("../../props/index.js").DisabledProp;
-    readOnly?: boolean;
-    header?: React.ReactNode;
-    prefix?: React.ReactNode;
-    footer?: import("./chat-composer.js").ChatComposerFooterProp;
-    actions?: React.ReactNode | false;
-    size?: import("../../props/index.js").SizeProp;
-    maxLength?: number;
-    status?: import("../../props/index.js").ControlStatusProp;
-    submitLabel?: string;
-    cancelLabel?: string;
-    onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement>;
-    name?: import("../../props/index.js").NameProp;
-    id?: import("../../props/index.js").IdProp;
-    className?: import("../../props/index.js").ClassNameProp;
-} & React.RefAttributes<HTMLTextAreaElement>>;