@godxjp/ui 31.6.0 → 31.8.0

package/dist/components/general/typography.js

@@ -4,9 +4,10 @@ import * as React from "react";
 import { Check, Copy, LoaderCircle, Pencil } from "lucide-react";
 import { cn } from "../../lib/utils.js";
 import { useTranslation } from "../../i18n/use-translation.js";
-import { Tooltip, TooltipContent, TooltipTrigger } from "../feedback/tooltip.js";
+import { EllipsisTooltip, Tooltip, TooltipContent, TooltipTrigger } from "../feedback/tooltip.js";
 import { Textarea } from "../data-entry/textarea.js";
 import { isDevelopment } from "../../lib/dev.js";
+import { isImeComposing } from "../../lib/ime.js";
 const COPIED_RESET_MS = 3e3;
 const DECORATION_ELEMENTS = [
   ["strong", "strong"],
@@ -133,7 +134,10 @@ function TypographyEditor({
           inComposition.current = false;
         },
         onKeyDown: (event) => {
-          if (inComposition.current) return;
+          if (inComposition.current || isImeComposing(event)) {
+            lastKey.current = null;
+            return;
+          }
           lastKey.current = event.key;
         },
         onKeyUp: (event) => {
@@ -347,7 +351,9 @@ function useTypographyBlock(props, allowRows) {
     wrapsContent,
     onTextClick: enableEdit && triggerType.includes("text") ? startEditing : void 0,
     ellipsisTooltip,
-    isEllipsis
+    isEllipsis,
+    anchorRef: elementRef,
+    showsEllipsisTooltip: clamping && ellipsisTooltip !== void 0 && ellipsisTooltip !== null && ellipsisTooltip !== false && ellipsisTooltip !== ""
   };
 }
 function usesBlockBehaviour(props) {
@@ -409,7 +415,11 @@ const TextBase = React.forwardRef((props, ref) => {
     italic: _italic,
     ...rest
   } = props;
-  const block = useTypographyBlock(props, allowRows);
+  const asChildElement = asChild && React.isValidElement(children) ? children : null;
+  const block = useTypographyBlock(
+    asChildElement ? { ...props, children: asChildElement.props.children } : props,
+    allowRows
+  );
   const element = as ?? component ?? "span";
   const clampLines = typeof clamp === "number" && Number.isFinite(clamp) && clamp >= 1 ? Math.floor(clamp) : void 0;
   const ellipsisRowCount = ellipsis ? ellipsisRows(ellipsis) : 0;
@@ -492,21 +502,29 @@ const TextBase = React.forwardRef((props, ref) => {
     ) : block.text,
     block.trailing
   ] });
+  let rendered;
   if (asChild) {
     const child = React.Children.only(children);
     const cloned = {
       ...typography,
       ...child.props,
-      ref,
+      // The measuring ref too, or an `asChild` ellipsis never learns it is clipping (gh#1045).
+      ref: composeRefs(block.measureRef, ref),
       className: cn(typography.className, child.props.className)
     };
-    return usesBlockBehaviour(props) ? React.cloneElement(child, cloned, body) : React.cloneElement(child, cloned);
+    rendered = usesBlockBehaviour(props) ? React.cloneElement(child, cloned, body) : React.cloneElement(child, cloned);
+  } else {
+    rendered = React.createElement(
+      element,
+      { ref: composeRefs(block.measureRef, ref), ...typography },
+      body
+    );
   }
-  return React.createElement(
-    element,
-    { ref: composeRefs(block.measureRef, ref), ...typography },
-    body
-  );
+  if (!block.showsEllipsisTooltip) return rendered;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    rendered,
+    /* @__PURE__ */ jsx(EllipsisTooltip, { anchorRef: block.anchorRef, title: block.ellipsisTooltip })
+  ] });
 });
 TextBase.displayName = "TextBase";
 const Text = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(TextBase, { ref, ...props }));
@@ -615,7 +633,7 @@ const Title = React.forwardRef((props, ref) => {
     ) : block.text,
     block.trailing
   ] });
-  return React.createElement(
+  const rendered = React.createElement(
     element,
     {
       ref: composeRefs(block.measureRef, ref),
@@ -635,6 +653,11 @@ const Title = React.forwardRef((props, ref) => {
     },
     body
   );
+  if (!block.showsEllipsisTooltip) return rendered;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    rendered,
+    /* @__PURE__ */ jsx(EllipsisTooltip, { anchorRef: block.anchorRef, title: block.ellipsisTooltip })
+  ] });
 });
 Title.displayName = "Title";
 const TypographyRoot = React.forwardRef(

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

@@ -0,0 +1,16 @@
+import { type ReactElement } from "react";
+import type { BreadcrumbItemProp, BreadcrumbProp } from "../../props/vocabulary/navigation.prop.js";
+/** `data-ellipsis` for the `<ol>`: present when any crumb truncates, so the trail stays one line. */
+export declare function trailEllipsis(items: BreadcrumbProp): "" | undefined;
+/**
+ * gh#1046 — one crumb's text box, bounded to one line with "…", and the full label in a tooltip on
+ * hover and on keyboard focus of the link. The crumb element itself is the clipped box (never a
+ * wrapper around it), so the link's own focus ring is not clipped. Shared with PageContainer's
+ * trail, which renders its own markup.
+ */
+export declare function BreadcrumbCrumbText({ item, children, }: {
+    item: BreadcrumbItemProp;
+    children: ReactElement<{
+        className?: string;
+    }>;
+}): import("react").JSX.Element;

package/dist/components/layout/breadcrumb-ellipsis.js

@@ -0,0 +1,28 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cloneElement, useRef } from "react";
+import { cn } from "../../lib/utils.js";
+import { EllipsisTooltip } from "../feedback/tooltip.js";
+function trailEllipsis(items) {
+  return items.some((item) => item.ellipsis) ? "" : void 0;
+}
+function BreadcrumbCrumbText({
+  item,
+  children
+}) {
+  const anchorRef = useRef(null);
+  if (!item.ellipsis) return children;
+  const tooltip = typeof item.ellipsis === "object" && "tooltip" in item.ellipsis ? item.ellipsis.tooltip === true ? item.label : item.ellipsis.tooltip : item.label;
+  const hasTooltip = tooltip !== void 0 && tooltip !== null && tooltip !== false && tooltip !== "";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    cloneElement(children, {
+      ref: anchorRef,
+      className: cn(children.props.className, "ui-breadcrumb-ellipsis")
+    }),
+    hasTooltip ? /* @__PURE__ */ jsx(EllipsisTooltip, { anchorRef, title: tooltip }) : null
+  ] });
+}
+export {
+  BreadcrumbCrumbText,
+  trailEllipsis
+};

package/dist/components/layout/breadcrumb.js

@@ -2,6 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown, ChevronRight } from "lucide-react";
 import { useTranslation } from "../../i18n/use-translation.js";
+import { BreadcrumbCrumbText, trailEllipsis } from "./breadcrumb-ellipsis.js";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -17,12 +18,20 @@ function Breadcrumb({
 }) {
   const { t } = useTranslation();
   const separatorNode = separator === void 0 ? /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": "true" }) : separator;
-  return /* @__PURE__ */ jsx("nav", { "aria-label": ariaLabel ?? t("navigation.breadcrumb.ariaLabel"), className: "ui-breadcrumb", children: /* @__PURE__ */ jsx("ol", { className: "ui-breadcrumb-list", children: items.map((item, index) => {
+  return /* @__PURE__ */ jsx("nav", { "aria-label": ariaLabel ?? t("navigation.breadcrumb.ariaLabel"), className: "ui-breadcrumb", children: /* @__PURE__ */ jsx("ol", { className: "ui-breadcrumb-list", "data-ellipsis": trailEllipsis(items), children: items.map((item, index) => {
     const isLast = index === items.length - 1;
-    return /* @__PURE__ */ jsxs("li", { className: "ui-breadcrumb-item", children: [
-      renderBreadcrumbSegment({ item, index, isLast, items, itemRender, LinkComponent }),
-      !isLast ? /* @__PURE__ */ jsx("span", { className: "ui-breadcrumb-separator", "aria-hidden": "true", children: separatorNode }) : null
-    ] }, item.to ?? index);
+    return /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: "ui-breadcrumb-item",
+        "data-ellipsis": item.ellipsis ? "" : void 0,
+        children: [
+          renderBreadcrumbSegment({ item, index, isLast, items, itemRender, LinkComponent }),
+          !isLast ? /* @__PURE__ */ jsx("span", { className: "ui-breadcrumb-separator", "aria-hidden": "true", children: separatorNode }) : null
+        ]
+      },
+      item.to ?? index
+    );
   }) }) });
 }
 function renderBreadcrumbSegment({
@@ -54,9 +63,9 @@ function renderBreadcrumbSegment({
     ] });
   }
   if (item.to && !isLast) {
-    return /* @__PURE__ */ jsx(LinkComponent, { href: item.to, to: item.to, className: "ui-breadcrumb-link", children: item.label });
+    return /* @__PURE__ */ jsx(BreadcrumbCrumbText, { item, children: /* @__PURE__ */ jsx(LinkComponent, { href: item.to, to: item.to, className: "ui-breadcrumb-link", children: item.label }) });
   }
-  return /* @__PURE__ */ jsx("span", { className: "ui-breadcrumb-current", "aria-current": isLast ? "page" : void 0, children: item.label });
+  return /* @__PURE__ */ jsx(BreadcrumbCrumbText, { item, children: /* @__PURE__ */ jsx("span", { className: "ui-breadcrumb-current", "aria-current": isLast ? "page" : void 0, children: item.label }) });
 }
 export {
   Breadcrumb

package/dist/components/layout/page-container.js

@@ -5,6 +5,7 @@ import { ChevronRight } from "lucide-react";
 import { useTranslation } from "../../i18n/use-translation.js";
 import { scrollParent, useInView } from "../../lib/hooks.js";
 import { cn } from "../../lib/utils.js";
+import { BreadcrumbCrumbText, trailEllipsis } from "./breadcrumb-ellipsis.js";
 import { densityClass, pageContainerVariantClass, padStyle } from "../../lib/variants.js";
 function useFooterReveal(enabled) {
   const headerRef = useRef(null);
@@ -92,7 +93,7 @@ function PageContainerRoot({
                 {
                   "aria-label": breadcrumbLabel ?? breadcrumbAriaLabel ?? t("navigation.breadcrumb.ariaLabel"),
                   className: "ui-breadcrumb",
-                  children: /* @__PURE__ */ jsx("ol", { className: "ui-breadcrumb-list", children: breadcrumb.map((item, i) => {
+                  children: /* @__PURE__ */ jsx("ol", { className: "ui-breadcrumb-list", "data-ellipsis": trailEllipsis(breadcrumb), children: breadcrumb.map((item, i) => {
                     const isLast = i === breadcrumb.length - 1;
                     return (
                       // `--space-inline-xs` gap the previous `.ui-inline-xs` gave, and it brings
@@ -100,25 +101,33 @@ function PageContainerRoot({
                       // longer carries a `size-3` literal. It also drops `.ui-inline-xs`'s
                       // `flex-wrap: wrap` — a crumb must not break between its label and its
                       // chevron; the LIST wraps instead, exactly as <Breadcrumb> already behaves.
-                      /* @__PURE__ */ jsxs("li", { className: "ui-breadcrumb-item", children: [
-                        item.to && !isLast ? /* @__PURE__ */ jsx(
-                          LinkComponent,
-                          {
-                            href: item.to,
-                            to: item.to,
-                            className: "hover:text-foreground hover:underline",
-                            children: item.label
-                          }
-                        ) : /* @__PURE__ */ jsx(
-                          "span",
-                          {
-                            className: isLast ? "text-foreground" : "",
-                            "aria-current": isLast ? "page" : void 0,
-                            children: item.label
-                          }
-                        ),
-                        !isLast && /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": "true" })
-                      ] }, i)
+                      /* @__PURE__ */ jsxs(
+                        "li",
+                        {
+                          className: "ui-breadcrumb-item",
+                          "data-ellipsis": item.ellipsis ? "" : void 0,
+                          children: [
+                            item.to && !isLast ? /* @__PURE__ */ jsx(BreadcrumbCrumbText, { item, children: /* @__PURE__ */ jsx(
+                              LinkComponent,
+                              {
+                                href: item.to,
+                                to: item.to,
+                                className: "hover:text-foreground hover:underline",
+                                children: item.label
+                              }
+                            ) }) : /* @__PURE__ */ jsx(BreadcrumbCrumbText, { item, children: /* @__PURE__ */ jsx(
+                              "span",
+                              {
+                                className: isLast ? "text-foreground" : "",
+                                "aria-current": isLast ? "page" : void 0,
+                                children: item.label
+                              }
+                            ) }),
+                            !isLast && /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": "true" })
+                          ]
+                        },
+                        i
+                      )
                     );
                   }) })
                 }

package/dist/components/navigation/pagination.js

@@ -17,6 +17,7 @@ import {
   SelectValue
 } from "../data-entry/select.js";
 import { buildPageRange } from "./pagination-utils.js";
+import { isImeComposing } from "../../lib/ime.js";
 const PaginationContent = React.forwardRef(({ className, ...props }, ref) => {
   const [scrollRegion, setScrollRegion] = React.useState(null);
   const setListElement = React.useCallback(
@@ -171,7 +172,7 @@ function Pagination({
             value: jumperDraft,
             onChange: (event) => setJumperDraft(event.target.value),
             onKeyDown: (event) => {
-              if (event.key !== "Enter") return;
+              if (event.key !== "Enter" || isImeComposing(event)) return;
               event.preventDefault();
               commitJump();
             }

package/dist/components/ui/tag-input.js

@@ -3,6 +3,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { X } from "lucide-react";
 import { useTranslation } from "../../i18n/use-translation.js";
+import { isImeComposing } from "../../lib/ime.js";
 import { cn } from "../../lib/utils.js";
 import {
   applyMaxTagCount,
@@ -62,7 +63,7 @@ const TagInput = React.forwardRef(
     const removeAt = (i) => commit(tags.filter((_, idx) => idx !== i));
     const onKeyDown = (e) => {
       if (readOnly) return;
-      if (e.nativeEvent.isComposing) return;
+      if (isImeComposing(e)) return;
       if (e.key === "Enter" || tokenSeparators.includes(e.key)) {
         e.preventDefault();
         add(draft);

package/dist/contracts/measurement.json

@@ -1,6 +1,6 @@
 {
   "$comment": "AUTO-GENERATED by scripts/gen-measurement-contract.mjs — do not edit. Read this instead of guessing: docs/MEASUREMENT-CONTRACT.md.",
-  "version": "31.6.0",
+  "version": "31.8.0",
   "targetSize": {
     "standard": "WCAG 2.2 SC 2.5.8 Target Size (Minimum), level AA — 24×24 CSS px",
     "min": 24,

package/dist/i18n/messages/en.json

@@ -56,7 +56,8 @@
     },
     "colorPicker": {
       "ariaLabel": "Pick color",
-      "hexLabel": "Hex color value"
+      "hexLabel": "Hex color value",
+      "presetEmpty": "Empty"
     },
     "upload": {
       "dropzoneLabel": "Upload files",
@@ -123,7 +124,8 @@
       "clear": "Clear selection",
       "loading": "Loading…",
       "empty": "No results",
-      "error": "Couldn’t load options"
+      "error": "Couldn’t load options",
+      "create": "Create “{value}”"
     },
     "selection": {
       "overflow": "+{count}"
@@ -350,7 +352,8 @@
     },
     "progress": {
       "ariaLabel": "Progress",
-      "breakdownSeparator": ", "
+      "breakdownSeparator": ", ",
+      "remainder": "Remaining"
     },
     "scrollArea": {
       "region": "Scrollable region"

package/dist/i18n/messages/ja.json

@@ -56,7 +56,8 @@
     },
     "colorPicker": {
       "ariaLabel": "色を選択",
-      "hexLabel": "カラーコード（HEX）"
+      "hexLabel": "カラーコード（HEX）",
+      "presetEmpty": "空"
     },
     "upload": {
       "dropzoneLabel": "ファイルをアップロード",
@@ -123,7 +124,8 @@
       "clear": "選択をクリア",
       "loading": "読み込み中…",
       "empty": "該当なし",
-      "error": "選択肢を読み込めませんでした"
+      "error": "選択肢を読み込めませんでした",
+      "create": "「{value}」を作成"
     },
     "selection": {
       "overflow": "他{count}件"
@@ -343,7 +345,8 @@
     },
     "progress": {
       "ariaLabel": "進捗",
-      "breakdownSeparator": "、"
+      "breakdownSeparator": "、",
+      "remainder": "残り"
     },
     "scrollArea": {
       "region": "スクロール可能な領域"

package/dist/i18n/messages/vi.json

@@ -56,7 +56,8 @@
     },
     "colorPicker": {
       "ariaLabel": "Chọn màu",
-      "hexLabel": "Mã màu hex"
+      "hexLabel": "Mã màu hex",
+      "presetEmpty": "Trống"
     },
     "upload": {
       "dropzoneLabel": "Tải file lên",
@@ -123,7 +124,8 @@
       "clear": "Xóa lựa chọn",
       "loading": "Đang tải…",
       "empty": "Không có kết quả",
-      "error": "Không tải được lựa chọn"
+      "error": "Không tải được lựa chọn",
+      "create": "Tạo “{value}”"
     },
     "selection": {
       "overflow": "+{count}"
@@ -344,7 +346,8 @@
     },
     "progress": {
       "ariaLabel": "Tiến độ",
-      "breakdownSeparator": ", "
+      "breakdownSeparator": ", ",
+      "remainder": "Còn lại"
     },
     "scrollArea": {
       "region": "Vùng có thể cuộn"

package/dist/lib/ime.d.ts

@@ -0,0 +1,12 @@
+import type * as React from "react";
+/**
+ * TRUE WHILE AN IME IS COMPOSING (gh#1054). Between `compositionstart` and `compositionend` a
+ * Japanese / Chinese / Korean IME holds a CANDIDATE, and the Enter that confirms the conversion is
+ * delivered as an ordinary `keydown` — acting on it creates a tag, submits a form or picks an option
+ * from a half-typed reading. Every Enter (and Escape/Tab) handler in the kit asks this first.
+ *
+ * `isComposing` is the standards answer; `keyCode === 229` is the legacy one some browsers
+ * (Safari after `compositionend`, older Chromium on Windows) still report instead. Accepts a React
+ * synthetic event or a native `KeyboardEvent`.
+ */
+export declare function isImeComposing(event: React.KeyboardEvent | KeyboardEvent): boolean;

package/dist/lib/ime.js

@@ -0,0 +1,7 @@
+function isImeComposing(event) {
+  const native = "nativeEvent" in event ? event.nativeEvent : event;
+  return native.isComposing || native.keyCode === 229;
+}
+export {
+  isImeComposing
+};

package/dist/props/components/data-entry.prop.d.ts

@@ -1114,6 +1114,39 @@ export type ColorPickerProp = FieldA11yProps & {
     className?: ClassNameProp;
     id?: IdProp;
     showHexInput?: boolean;
+    /**
+     * antd `presets` (gh#1055) — named groups of fixed swatches under the picker. Each group is a
+     * collapsible section (antd renders a ghost `Collapse`); `defaultOpen` (default `true`) is its
+     * initial state and `key` its stable identity (falls back to the index). Each swatch is a radio
+     * named by its hex; the one equal to `value` (case- and shorthand-insensitive) is checked.
+     * Colours are hex strings (`#rgb`/`#rrggbb`) because the value is — antd also takes a colour
+     * object or a gradient, which this picker has no model for.
+     */
+    presets?: ColorPickerPresetProp[];
+    /**
+     * antd `panelRender` — replace the picker's body. `panel` is the default body (the swatch + hex
+     * row, then the presets); `extra.components` hands back each part on its own, so
+     * `panelRender={(_, { components: { Presets } }) => <Presets />}` is the PRESETS-ONLY mode —
+     * the palette with no free-colour entry (antd's own recipe for it). The hidden `name` input
+     * is outside the panel and always submits.
+     */
+    panelRender?: (panel: React.ReactNode, extra: {
+        components: {
+            Picker: React.FC;
+            Presets: React.FC;
+        };
+    }) => React.ReactNode;
+};
+/** One `ColorPicker presets` group — antd `PresetsItem` (gh#1055). */
+export type ColorPickerPresetProp = {
+    /** Group heading; also names the group's radiogroup. */
+    label: LabelProp;
+    /** Hex colours (`#rgb` / `#rrggbb`), in display order. Empty → antd's "Empty" line. */
+    colors: string[];
+    /** Initial expanded state of the group (antd default `true`). */
+    defaultOpen?: DefaultOpenProp;
+    /** Stable identity of the group (antd `key`); defaults to its index. */
+    key?: React.Key;
 };
 /** A SearchSelect option row. `group` buckets it under an optgroup-style heading. */
 export type SearchSelectOptionProp = {
@@ -1503,6 +1536,14 @@ export type SearchSelectBaseProp = {
      * every call site that has ever relied on the default expects a label search.
      */
     optionFilterProp?: "label" | "value" | "sublabel";
+    /**
+     * Match typed text case-SENSITIVELY (gh#1053). Default `false`: the built-in filter, the
+     * `mode="tags"` create row and a `tokenSeparators` run all compare case-folded, so typing "bug"
+     * when "Bug" exists finds "Bug" and never offers a duplicate. antd's filter folds case too; its
+     * create row compares exactly, which is the deviation `true` restores. A custom `filterOption`
+     * owns its own comparison and is not affected.
+     */
+    caseSensitive?: boolean;
 };
 /**
  * Single-select (the default): one `string` in, one `string` out — `""` means nothing selected.
@@ -1578,7 +1619,7 @@ export type SearchSelectMultipleProp = {
      * a token only counts when it matches a row; in `mode="tags"` it is accepted as it stands.
      */
     tokenSeparators?: string[];
-};
+} & SelectTagsCreateProp;
 /**
  * antd `labelInValue`, single. The value carries its own label, so a screen that never sees the
  * option list can still render what was picked.
@@ -1612,6 +1653,30 @@ export type SelectLabelInValueMultipleProp = {
         index: number;
         disabled: boolean;
     }) => React.ReactNode;
+} & SelectTagsCreateProp;
+/**
+ * `mode="tags"` — how typed text becomes a NEW value (gh#1052). antd has no equivalent of these
+ * three: its create row is the bare text and nothing reports that a value was invented. Ignored in
+ * `mode="multiple"`, which never creates.
+ */
+export type SelectTagsCreateProp = {
+    /**
+     * Whether typed text may become a new value. `false` (or a predicate returning `false` for the
+     * text) hides the create row and drops unknown `tokenSeparators` tokens — values already held
+     * stay listed so they can still be removed. Default `true`.
+     */
+    allowCreate?: boolean | ((text: string) => boolean);
+    /**
+     * The create row's content. Default: the localised `Create "{text}"` (「{text}」を作成). The
+     * value committed is the text itself either way; this only changes what the row says.
+     */
+    createLabel?: (text: string) => React.ReactNode;
+    /**
+     * Fired when a value that is NOT one of the options joins the selection — from the create row,
+     * Enter on it, or a `tokenSeparators` run. Fires beside `onSelect`/`onValueChange`, so a consumer
+     * can tell invented text apart from an option id.
+     */
+    onCreate?: (text: string) => void;
 };
 /** @see Select — the searchable engine. Single by default; `mode="multiple"` switches the shape. */
 export type SearchSelectProp = SearchSelectBaseProp & (SearchSelectSingleProp | SearchSelectMultipleProp);

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

@@ -1,6 +1,6 @@
 export type { AppLauncherApp, AppLauncherGroup, AppLauncherLabels, AppLauncherProp, AppShellProp, AuthFooterProp, AuthIdentityProp, OrgSwitcherLabels, OrgSwitcherOrganization, OrgSwitcherProp, DragAxisProp, DragBoundsProp, DraggablePanelLabels, DraggablePanelPlacementProp, DraggablePanelPositionProp, DraggablePanelProp, PageContainerExtraProp, PageContainerProp, PageInsetProp, SidebarItemProp, SidebarProductProp, SidebarProp, SidebarSectionProp, TopbarProp, } from "./layout.prop.js";
 export type { ButtonProp } from "./general.prop.js";
-export type { CommandProp, InputProp, TextareaProp, FormFieldProp, SearchInputProp, CheckboxProp, CheckboxGroupProp, ChoiceOptionProp, RadioProp, RadioGroupProp, SwitchProp, SliderProp, CalendarProp, DatePickerProp, TimePickerProp, ColorPickerProp, UploadProp, UploadFileItemProp, UploadVariantProp, TreeOptionProp, TreeFieldNamesProp, CascaderProp, TreeSelectProp, ShowCheckedStrategyProp, TransferProp, TransferItemProp, } from "./data-entry.prop.js";
+export type { CommandProp, InputProp, TextareaProp, FormFieldProp, SearchInputProp, CheckboxProp, CheckboxGroupProp, ChoiceOptionProp, RadioProp, RadioGroupProp, SwitchProp, SliderProp, CalendarProp, DatePickerProp, TimePickerProp, ColorPickerProp, ColorPickerPresetProp, UploadProp, UploadFileItemProp, UploadVariantProp, TreeOptionProp, TreeFieldNamesProp, CascaderProp, TreeSelectProp, ShowCheckedStrategyProp, TransferProp, TransferItemProp, } from "./data-entry.prop.js";
 export type { AvatarProp, EmptyStateProp, DescriptionsProp, DescriptionsItemProp, BadgeProp, DataTableProp, QrCodeProp, } from "./data-display.prop.js";
 export type { ChartDatum, ChartSeriesProp, LineChartProp, BarChartProp, AreaChartProp, PieChartProp, } from "./charts.prop.js";
 export type { AlertQueryErrorProp, AuthExpiryProviderProp, AlertProp, DialogProp, DialogContentProp, AlertTitleProp, AlertContentProp, AlertDescriptionProp, AlertActionsProp, SheetResponsiveProp, SkeletonRowsProp, } from "./feedback.prop.js";

package/dist/props/registry.d.ts

@@ -604,6 +604,11 @@ export declare const VOCABULARY_REGISTRY: {
         readonly category: "navigation";
         readonly description: "Single breadcrumb segment";
     };
+    readonly BreadcrumbItemEllipsisProp: {
+        readonly file: "vocabulary/navigation.prop.ts";
+        readonly category: "navigation";
+        readonly description: "One-line truncation of a breadcrumb segment, with the full label in a tooltip";
+    };
     readonly BreadcrumbProp: {
         readonly file: "vocabulary/navigation.prop.ts";
         readonly category: "navigation";
@@ -1739,6 +1744,11 @@ export declare const COMPONENT_PROP_REGISTRY: {
         readonly file: "components/data-entry.prop.ts";
         readonly vocabulary: readonly ["ValueProp", "OnValueChangeProp", "DisabledProp", "IdProp"];
     };
+    readonly ColorPickerPresetProp: {
+        readonly group: "data-entry";
+        readonly file: "components/data-entry.prop.ts";
+        readonly vocabulary: readonly ["LabelProp", "DefaultOpenProp"];
+    };
     readonly SearchSelectBaseProp: {
         readonly group: "data-entry";
         readonly file: "components/data-entry.prop.ts";
@@ -1757,6 +1767,16 @@ export declare const COMPONENT_PROP_REGISTRY: {
         readonly vocabulary: readonly ["ValueProp", "DefaultValueProp", "OnValueChangeProp", "MaxTagCountProp", "MaxTagPlaceholderProp"];
         readonly note: 'Internal — the `mode="multiple"` value shape of `<Select options>`; use Select.';
     };
+    readonly SelectTagsCreateProp: {
+        readonly group: "data-entry";
+        readonly file: "components/data-entry.prop.ts";
+        readonly vocabulary: readonly [{
+            readonly field: "onCreate";
+            readonly local: true;
+            readonly reason: "An EVENT, not a value channel: fires once per invented text as it joins the selection, beside onSelect/onValueChange, so a consumer can tell typed-new text from an option id (antd has no equivalent, gh#1052).";
+        }];
+        readonly note: 'Internal — `mode="tags"` create-row knobs (allowCreate / createLabel / onCreate, gh#1052) shared by both multi-value shapes of `<Select options>`.';
+    };
     readonly SearchSelectProp: {
         readonly group: "data-entry";
         readonly file: "components/data-entry.prop.ts";

package/dist/props/registry.js

@@ -604,6 +604,11 @@ const VOCABULARY_REGISTRY = {
     category: "navigation",
     description: "Single breadcrumb segment"
   },
+  BreadcrumbItemEllipsisProp: {
+    file: "vocabulary/navigation.prop.ts",
+    category: "navigation",
+    description: "One-line truncation of a breadcrumb segment, with the full label in a tooltip"
+  },
   BreadcrumbProp: {
     file: "vocabulary/navigation.prop.ts",
     category: "navigation",
@@ -2008,6 +2013,11 @@ const COMPONENT_PROP_REGISTRY = {
     file: "components/data-entry.prop.ts",
     vocabulary: ["ValueProp", "OnValueChangeProp", "DisabledProp", "IdProp"]
   },
+  ColorPickerPresetProp: {
+    group: "data-entry",
+    file: "components/data-entry.prop.ts",
+    vocabulary: ["LabelProp", "DefaultOpenProp"]
+  },
   SearchSelectBaseProp: {
     group: "data-entry",
     file: "components/data-entry.prop.ts",
@@ -2049,6 +2059,18 @@ const COMPONENT_PROP_REGISTRY = {
     ],
     note: 'Internal \u2014 the `mode="multiple"` value shape of `<Select options>`; use Select.'
   },
+  SelectTagsCreateProp: {
+    group: "data-entry",
+    file: "components/data-entry.prop.ts",
+    vocabulary: [
+      {
+        field: "onCreate",
+        local: true,
+        reason: "An EVENT, not a value channel: fires once per invented text as it joins the selection, beside onSelect/onValueChange, so a consumer can tell typed-new text from an option id (antd has no equivalent, gh#1052)."
+      }
+    ],
+    note: 'Internal \u2014 `mode="tags"` create-row knobs (allowCreate / createLabel / onCreate, gh#1052) shared by both multi-value shapes of `<Select options>`.'
+  },
   SearchSelectProp: {
     group: "data-entry",
     file: "components/data-entry.prop.ts",

package/dist/props/vocabulary/index.d.ts

@@ -3,5 +3,5 @@ export type { ClassNameProp, ChildrenProp, IdProp, OpenProp, DefaultOpenProp, On
 export type { TitleProp, SubtitleProp, StatusProp, DescriptionProp, ExtraProp, FooterProp, ActionProp, IconProp, ConfirmLabelProp, CancelLabelProp, ActionsProp, EmptyMessageProp, } from "./content.prop.js";
 export type { PageDensityProp, PageContainerVariantProp, CenteredShellWidthProp, CenteredShellAlignProp, CenteredShellPresetProp, ErrorSurfaceModeProp, ErrorSurfaceStatusProp, AuthShellPresetProp, MobileShellHeightProp, MobileShellWidthProp, OrientationProp, TableDensityProp, DensityProp, GapNameProp, PadProp, PadRawProp, PadSides, GapProp, GapStepProp, } from "./layout.prop.js";
 export type { ButtonVariantProp, ButtonSizeProp, BadgeVariantProp, AppSettingPickerAppearanceProp, AppSettingToggleAppearanceProp, ShapeProp, AvatarShapeProp, TextSizeProp, TextToneProp, FontWeightProp, HeadingLevelProp, TextAlignProp, TextWhitespaceProp, TextBreakProp, TypographyTypeProp, TitleLevelProp, TypographyCopyConfigProp, TypographyEditConfigProp, TypographyEllipsisConfigProp, TypographyActionsConfigProp, SizeProp, ControlStatusProp, ControlVariantProp, FormLayoutProp, DescriptionsLayoutProp, BreakpointProp, ConfirmVariantProp, ToneProp, AlertVariantProp, CalloutKindProp, SortDirectionProp, ColumnAlignProp, SortStateProp, RevealDelayProp, RevealTriggerProp, InViewAmountProp, ActivityVariantProp, ActivityAnnounceProp, IconSizeProp, } from "./interaction.prop.js";
-export type { BreadcrumbItemProp, BreadcrumbProp, BreadcrumbItemMenuProp, BreadcrumbItemMenuEntryProp, BreadcrumbSeparatorProp, BreadcrumbItemRenderProp, } from "./navigation.prop.js";
+export type { BreadcrumbItemProp, BreadcrumbProp, BreadcrumbItemMenuProp, BreadcrumbItemEllipsisProp, BreadcrumbItemMenuEntryProp, BreadcrumbSeparatorProp, BreadcrumbItemRenderProp, } from "./navigation.prop.js";
 export type { GetRowIdProp, GetRowLabelProp, OnRowClickProp, ColumnDefProp, TablePresetProp, TableColumnPriorityProp, TableCellIndentProp, SelectedIdsProp, OnSelectChangeProp, OnTableDensityChangeProp, TableRowToneProp, RowToneProp, OnSortChangeProp, OnSearchChangeProp, OnClearFiltersProp, HasActiveFiltersProp, StickyProp, ColumnFixedProp, ColumnFilterValueProp, ColumnFilterItemProp, ColumnFilterStateProp, OnColumnFilterChangeProp, ColumnCompareProp, ColumnSorterProp, TableSelectionItemProp, TableSelectionBuiltInProp, TableSelectAllMatchingProp, TableRowSelectionProp, TableExpandableProp, TableSummaryProp, TableScrollProp, TableStickyProp, OnRowProp, TablePaginationProp, TablePaginationPositionProp, DescriptionsColumnProp, DescriptionsSpanProp, DescriptionsItemsProp, } from "./data.prop.js";