@danxbot/ui 15.16.0 → 15.17.0

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

@@ -0,0 +1,28 @@
+import type { HTMLAttributes, Ref } from "react";
+import { type IconName } from "./Icon";
+export type IconStackTone = "neutral" | "accent" | "success" | "warning" | "danger" | "info" | "muted";
+export interface IconStackBadge {
+    icon: IconName;
+    tone?: IconStackTone;
+}
+export interface IconStackItem {
+    icon: IconName;
+    tone?: IconStackTone;
+    /**
+     * The fact is ABSENT: a dashed, quiet outline in place of the filled chip.
+     * `tone` is ignored — an absent mark is always the muted one.
+     */
+    empty?: boolean;
+    /** A smaller mark pinned to this chip's bottom-right corner. */
+    badge?: IconStackBadge;
+}
+export type IconStackSize = "sm" | "md" | "lg";
+export interface IconStackProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children" | "aria-label"> {
+    /** Marks in paint order: the LAST one is on top. At least one. */
+    items: readonly IconStackItem[];
+    /** The whole combination, in words. REQUIRED — the marks carry no text. */
+    label: string;
+    size?: IconStackSize;
+    ref?: Ref<HTMLSpanElement>;
+}
+export declare function IconStack({ items, label, size, className, ref, ...props }: IconStackProps): import("react").JSX.Element;

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

@@ -83,6 +83,35 @@ export interface MenuRadioItemProps extends Omit<BaseMenu.RadioItem.Props, "clas
     ref?: Ref<HTMLDivElement>;
 }
 export declare function MenuRadioItem({ className, children, ref, ...props }: MenuRadioItemProps): import("react").JSX.Element;
+export interface MenuCheckboxItemProps extends Omit<BaseMenu.CheckboxItem.Props, "className"> {
+    className?: string;
+    /** Leading icon — same slot, and same reason it is a prop, as `MenuItem.icon`. */
+    icon?: ReactNode;
+    /**
+     * A second, quieter line saying what the toggle DOES — shown under the label.
+     * A switch row that cannot say what it controls sends the reader to a help
+     * page; one line here is the whole help page.
+     */
+    description?: ReactNode;
+    ref?: Ref<HTMLDivElement>;
+}
+/**
+ * An independent on/off setting inside a menu.
+ *
+ * A `MenuItem` is an ACTION and closes the menu when picked; a setting that is
+ * flipped three at a time must not. Base UI's checkbox item keeps the menu open
+ * (`closeOnClick` defaults to `false` here, not by our choice) and announces
+ * itself as `menuitemcheckbox` with `aria-checked`, which a `MenuItem` carrying
+ * a hand-drawn tick cannot — that is the reason this is its own row and not a
+ * `selected` `MenuItem`.
+ *
+ * The state is drawn as a small trailing switch rather than a leading tick:
+ * every other row in the same popup puts its icon on the left, and a tick there
+ * reads as "this is the current choice among alternatives" (`MenuRadioItem`),
+ * not "this is on". The track is fill AND thumb position, so on/off survives
+ * the loss of colour.
+ */
+export declare function MenuCheckboxItem({ className, icon, description, children, ref, ...props }: MenuCheckboxItemProps): import("react").JSX.Element;
 export interface MenuGroupProps {
     /**
      * The group's heading. A prop rather than a child component, so a label

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

@@ -355,6 +355,9 @@ export declare const coreIcons: {
     readonly "loader-circle": readonly [readonly ["path", {
         readonly d: "M21 12a9 9 0 1 1-6.219-8.56";
     }]];
+    readonly shield: readonly [readonly ["path", {
+        readonly d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z";
+    }]];
     readonly "shield-check": readonly [readonly ["path", {
         readonly d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z";
     }], readonly ["path", {
@@ -381,6 +384,11 @@ export declare const coreIcons: {
     }], readonly ["path", {
         readonly d: "M8.668 3.01A6 6 0 0 1 18 8c0 2.687.77 4.653 1.707 6.05";
     }]];
+    readonly "book-open": readonly [readonly ["path", {
+        readonly d: "M12 7v14";
+    }], readonly ["path", {
+        readonly d: "M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z";
+    }]];
     readonly bookmark: readonly [readonly ["path", {
         readonly d: "m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z";
     }]];

package/dist/types/index.d.ts

@@ -38,7 +38,7 @@ export { TriStateSwitch, type TriStateSwitchProps, type TriStateSwitchSize, } fr
 export { Dialog, DialogClose, AlertDialog, type DialogProps, type AlertDialogProps, } from "./components/Dialog";
 export { Popover, PopoverClose, Tooltip, TooltipProvider, type PopoverProps, type TooltipProps, } from "./components/Popover";
 export { Toaster, ToastProvider, useToast, type ToasterProps, type ToastProviderProps, type ToastOptions, type ToastTone, } from "./components/Toast";
-export { Menu, MenuItem, MenuGroup, MenuRadioGroup, MenuRadioItem, MenuSeparator, type MenuProps, type MenuItemProps, type MenuItemTone, type MenuGroupProps, type MenuRadioGroupProps, type MenuRadioItemProps, } from "./components/Menu";
+export { Menu, MenuItem, MenuGroup, MenuRadioGroup, MenuRadioItem, MenuCheckboxItem, MenuSeparator, type MenuProps, type MenuItemProps, type MenuItemTone, type MenuGroupProps, type MenuRadioGroupProps, type MenuRadioItemProps, type MenuCheckboxItemProps, } from "./components/Menu";
 export { ThemeMenu, type ThemeMenuProps } from "./components/ThemeMenu";
 export { AppShell, type AppShellProps, type NavItem, type NavSection, } from "./components/AppShell";
 export { FileUpload, type FileUploadProps, type UploadFile } from "./components/FileUpload";
@@ -72,6 +72,7 @@ export { DataTable, TableEmptyState, CellStack, type DataTableProps, type TableD
 export { CodeEditor, CodeEditorToolbar, CodeEditorCaption, CodeEditorCopyButton, CodeEditorWrapToggle, CodeEditorViewSwitch, type CodeEditorProps, type CodeEditorToolbarProps, type CodeEditorView, } from "./components/CodeEditor";
 export { Markdown, CodeBlock, type MarkdownProps, type CodeBlockProps } from "./components/Markdown";
 export { LineDiff, type LineDiffProps } from "./components/LineDiff";
+export { IconStack, type IconStackProps, type IconStackItem, type IconStackBadge, type IconStackTone, type IconStackSize, } from "./components/IconStack";
 export { MarkdownEditor, type MarkdownEditorProps, type MarkdownEditorHandle, } from "./components/MarkdownEditor";
 export { ReadMore, type ReadMoreProps } from "./components/ReadMore";
 export { MarkdownSurface, type SurfaceOptions, type Splice } from "./lib/markdown/surface";

package/package.json

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