@danxbot/ui 20.20.0 → 20.21.0

package/dist/types/components/SortMenu.d.ts

@@ -1,4 +1,5 @@
 import type { ButtonProps } from "./Button";
+import { type IconName } from "./Icon";
 export type SortDirection = "asc" | "desc";
 export interface SortOption<Field extends string = string> {
     value: Field;
@@ -15,6 +16,12 @@ export interface SortOption<Field extends string = string> {
         asc: string;
         desc: string;
     };
+    /**
+     * A registered icon for the field (DX-4615). When the sorted field carries one, the closed control draws it before the
+     * direction's arrow ("what" then "which way"), and the popover draws it beside the field's label. A list whose options
+     * carry none renders exactly as it did; give every option an icon or none, so the rows and the trigger stay one shape.
+     */
+    icon?: IconName;
 }
 export interface SortValue<Field extends string = string> {
     field: Field;
@@ -27,7 +34,12 @@ export interface SortMenuProps<Field extends string = string> {
     /** Names the control for assistive technology, e.g. "Sort plans". The active order is appended to it. */
     "aria-label": string;
     size?: ButtonProps["size"];
+    /**
+     * The trigger's resting look (DX-4615). `outline` (default) draws the bordered button; `ghost` draws the bare arrow, for a
+     * header that already holds other borderless icons (a board lane's title row). Same arrow, same tooltip, same popover.
+     */
+    triggerVariant?: "outline" | "ghost";
     align?: "start" | "center" | "end";
     className?: string;
 }
-export declare function SortMenu<Field extends string = string>({ options, value, onValueChange, "aria-label": ariaLabel, size, align, className, }: SortMenuProps<Field>): import("react").JSX.Element;
+export declare function SortMenu<Field extends string = string>({ options, value, onValueChange, "aria-label": ariaLabel, size, triggerVariant, align, className, }: SortMenuProps<Field>): import("react").JSX.Element;

package/dist/types/icons/data.d.ts

@@ -1462,6 +1462,68 @@ export declare const coreIcons: {
     readonly wrench: readonly [readonly ["path", {
         readonly d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z";
     }]];
+    readonly "calendar-plus": readonly [readonly ["path", {
+        readonly d: "M16 19h6";
+    }], readonly ["path", {
+        readonly d: "M16 2v4";
+    }], readonly ["path", {
+        readonly d: "M19 16v6";
+    }], readonly ["path", {
+        readonly d: "M21 12.598V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8.5";
+    }], readonly ["path", {
+        readonly d: "M3 10h18";
+    }], readonly ["path", {
+        readonly d: "M8 2v4";
+    }]];
+    readonly "clock-arrow-up": readonly [readonly ["path", {
+        readonly d: "M12 6v6l1.56.78";
+    }], readonly ["path", {
+        readonly d: "M13.227 21.925a10 10 0 1 1 8.767-9.588";
+    }], readonly ["path", {
+        readonly d: "m14 18 4-4 4 4";
+    }], readonly ["path", {
+        readonly d: "M18 22v-8";
+    }]];
+    readonly files: readonly [readonly ["path", {
+        readonly d: "M15 2a2 2 0 0 1 1.414.586l4 4A2 2 0 0 1 21 8v7a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z";
+    }], readonly ["path", {
+        readonly d: "M15 2v4a2 2 0 0 0 2 2h4";
+    }], readonly ["path", {
+        readonly d: "M5 7a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h8a2 2 0 0 0 1.732-1";
+    }]];
+    readonly hash: readonly [readonly ["line", {
+        readonly x1: "4";
+        readonly x2: "20";
+        readonly y1: "9";
+        readonly y2: "9";
+    }], readonly ["line", {
+        readonly x1: "4";
+        readonly x2: "20";
+        readonly y1: "15";
+        readonly y2: "15";
+    }], readonly ["line", {
+        readonly x1: "10";
+        readonly x2: "8";
+        readonly y1: "3";
+        readonly y2: "21";
+    }], readonly ["line", {
+        readonly x1: "16";
+        readonly x2: "14";
+        readonly y1: "3";
+        readonly y2: "21";
+    }]];
+    readonly milestone: readonly [readonly ["path", {
+        readonly d: "M12 13v8";
+    }], readonly ["path", {
+        readonly d: "M12 3v3";
+    }], readonly ["path", {
+        readonly d: "M4 6a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h13a2 2 0 0 0 1.152-.365l3.424-2.317a1 1 0 0 0 0-1.635l-3.424-2.318A2 2 0 0 0 17 6z";
+    }]];
+    readonly signature: readonly [readonly ["path", {
+        readonly d: "m21 17-2.156-1.868A.5.5 0 0 0 18 15.5v.5a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1c0-2.545-3.991-3.97-8.5-4a1 1 0 0 0 0 5c4.153 0 4.745-11.295 5.708-13.5a2.5 2.5 0 1 1 3.31 3.284";
+    }], readonly ["path", {
+        readonly d: "M3 21h18";
+    }]];
     readonly "align-center": readonly [readonly ["path", {
         readonly d: "M21 5H3";
     }], readonly ["path", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danxbot/ui",
-  "version": "20.20.0",
+  "version": "20.21.0",
   "type": "module",
   "description": "Danxbot — a domain-agnostic React design system with motion as a first-class primitive.",
   "license": "MIT",