@danxbot/ui 7.9.9 → 9.0.0

package/dist/types/index.d.ts

@@ -31,20 +31,19 @@ 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, MenuSub, type MenuProps, type MenuItemProps, type MenuItemTone, type MenuGroupProps, type MenuRadioGroupProps, type MenuRadioItemProps, type MenuSubProps, } from "./components/Menu";
+export { Menu, MenuItem, MenuGroup, MenuRadioGroup, MenuRadioItem, MenuSeparator, type MenuProps, type MenuItemProps, type MenuItemTone, type MenuGroupProps, type MenuRadioGroupProps, type MenuRadioItemProps, } 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";
 export { DatePicker, type DatePickerProps, type DateRange } from "./components/DatePicker";
 export { DateCalendar, type DateCalendarProps } from "./components/DateCalendar";
 export { DateField, DateTimeField, type DateFieldProps, type DateTimeFieldProps, } from "./components/DateField";
-export { PhoneField, type PhoneFieldProps } from "./components/PhoneField";
 export { Tree, type TreeProps, type TreeNode } from "./components/Tree";
 export { CommandPalette, useCommandPalette, type CommandPaletteProps, type CommandItem, } from "./components/CommandPalette";
 export { Slider, type SliderProps, type SliderMark } from "./components/Slider";
 export { NumberInput, type NumberInputProps } from "./components/NumberInput";
 export { OTPInput, type OTPInputProps } from "./components/OTPInput";
-export { Combobox, ComboboxItem, ComboboxGroup, MultiCombobox, SearchSelect, type ComboboxProps, type ComboboxItemProps, type ComboboxGroupProps, type MultiComboboxProps, type SearchSelectProps, } from "./components/Combobox";
+export { Combobox, ComboboxItem, ComboboxGroup, MultiCombobox, type ComboboxProps, type ComboboxItemProps, type ComboboxGroupProps, type MultiComboboxProps, } from "./components/Combobox";
 export { Select, SelectItem, SelectGroup, SelectSeparator, type SelectProps, type SelectItemProps, type SelectGroupProps, } from "./components/Select";
 export { StatusSelect, type StatusSelectProps, type StatusOption } from "./components/StatusSelect";
 export { Card, CardHeader, CardFooter, type CardProps, type CardHeaderProps, } from "./components/Card";
@@ -53,7 +52,6 @@ export { Tabs, TabList, Tab, TabPanel, type TabsProps, type TabListProps, type T
 export { Accordion, AccordionItem, type AccordionProps, type AccordionItemProps, } from "./components/Accordion";
 export { Breadcrumb, Pagination, type BreadcrumbProps, type PaginationProps, type Crumb, } from "./components/Navigation";
 export { PaginationBar, type PaginationBarProps, type PaginationBarMode, } from "./components/PaginationBar";
-export { InfiniteScroller, type InfiniteScrollerProps, type InfiniteScrollerHandle, } from "./components/InfiniteScroller";
 export { Stepper, stepStatus, stepperProgress, advanceBlockReason, assertSteps, type StepperProps, type Step, type StepStatus, type StepperProgress, } from "./components/stepper";
 export { StatusChecklist, tallyChecklist, type StatusChecklistProps, type ChecklistItem, type ChecklistState, type ChecklistTally, } from "./components/checklist";
 export { Toggle, ToggleGroup, Toolbar, ToolbarButton, ToolbarGroup, ToolbarInput, ToolbarSeparator, type ToggleProps, type ToggleGroupProps, type ToolbarProps, type ToolbarButtonProps, type ToolbarGroupProps, type ToolbarInputProps, } from "./components/Toggle";
@@ -64,6 +62,7 @@ export { Progress, Meter, ProgressRing, type ProgressProps, type MeterProps, typ
 export { Stat, StatRow, Sparkline, type StatProps, type StatRowProps, type SparklineProps, type StatSize, type StatTrend, type StatSentiment, } from "./components/Stat";
 export { DataTable, TableEmptyState, CellStack, type DataTableProps, type TableDensity, } from "./components/Table";
 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 { MarkdownEditor, type MarkdownEditorProps, type MarkdownEditorHandle, } from "./components/MarkdownEditor";
 export { ReadMore, readMoreVariants, type ReadMoreProps } from "./components/ReadMore";
 export { MarkdownSurface, type SurfaceOptions, type Splice } from "./lib/markdown/surface";
@@ -94,17 +93,17 @@ export { buildBoardModel, resolveMove, applyBoardMoves, useBoard, type BoardMode
 export type { BoardAccessors, BoardColumnDef, BoardColumnId, BoardColumnModel, BoardItemId, BoardMove, BoardMoveRequest, BoardMoveSource, BoardMoveVerdict, UseBoardOptions, } from "./lib/board";
 export type { MessageRole, MessagePart, MessagePartType, TextPart, CodePart, ReasoningPart, ToolPart, ToolStatus, FilePart, ComponentPart, ChatFile, ChatMessage, RenderContext, PartRenderer, PartRenderers, ChatComponentRenderer, ChatComponents, } from "./components/chat/types";
 export { Chat, ChatPopover, type ChatProps, type ChatPopoverProps, type ChatSurface, } from "./components/chat/Chat";
-export { Message, MessagePartView, ToolCall, ChatMarker, type MessageProps, type MessageAction, type MessagePartViewProps, type ToolCallProps, type ChatMarkerProps, } from "./components/chat/Message";
+export { Message, MessagePartView, ToolCall, type MessageProps, type MessageAction, type MessagePartViewProps, type ToolCallProps, } from "./components/chat/Message";
 export { MessageScroller, type MessageScrollerProps, } from "./components/chat/MessageScroller";
 export { Composer, type ComposerProps } from "./components/chat/Composer";
-export { Markdown, CodeBlock, type MarkdownProps, type CodeBlockProps } from "./components/chat/Markdown";
+export { StreamingMarkdown, type StreamingMarkdownProps, } from "./components/chat/StreamingMarkdown";
 export { Attachment, AttachmentAction, AttachmentList, AttachmentPreview, type AttachmentProps, type AttachmentActionProps, type AttachmentListProps, type AttachmentPreviewProps, type AttachmentLayout, } from "./components/chat/Attachment";
 export { ModelSelector, type ModelSelectorProps, type ChatModel, } from "./components/chat/ModelSelector";
 export { EffortControl, DEFAULT_EFFORT_LEVELS, type EffortControlProps, type EffortLevel, } from "./components/chat/EffortControl";
 export { ContextMeter, ChatStatus, type ContextMeterProps, type ContextSegment, type UsageLimit, type ChatStatusProps, } from "./components/chat/ContextMeter";
 export { cn } from "./lib/cn";
 export { formatBytes, formatTokens, formatCompactNumber } from "./lib/format";
-export { formatDate, parseDate, formatDateTime, parseDateTime, type FormatDateTimeOptions, type ParseDateTimeOptions, formatCurrency, parseCurrency, formatPhone, parsePhone, formatNumber, parseNumber, type FormatNumberOptions, formatBoolean, parseBoolean, type FormatBooleanOptions, } from "./lib/values";
+export { formatDate, parseDate, formatDateTime, parseDateTime, type FormatDateTimeOptions, type ParseDateTimeOptions, formatCurrency, parseCurrency, formatNumber, parseNumber, type FormatNumberOptions, formatBoolean, parseBoolean, type FormatBooleanOptions, } from "./lib/values";
 export { useFillHeight } from "./lib/use-fill-height";
 export { useDebouncedValue } from "./lib/use-debounced-value";
 export { useTheme, useUiScale, useContrast, useMotionPreference, type Theme, type UiScale, type ContrastPreference, type MotionPreference, } from "./lib/preferences";

package/dist/types/lib/pad.d.ts

@@ -0,0 +1,6 @@
+/** Zero-pad a non-negative integer to `width` digits — `pad(9)` → `"09"`,
+ *  `pad(7, 3)` → `"007"`. Internal only: shared by the time and value
+ *  formatters that print fixed-width calendar/clock fields, not part of the
+ *  public package surface (DX-3254 — this one-liner used to be redefined
+ *  independently in four places). */
+export declare function pad(n: number, width?: number): string;

package/dist/types/lib/syntax/markdown/index.d.ts

@@ -1,4 +1,4 @@
-export { parseMarkdown } from "./parse";
+export { parseMarkdown, RE_FENCE } from "./parse";
 export { markdown } from "./grammar";
-export { MarkdownNodes, MarkdownImage, sanitizeHref } from "./render";
+export { MarkdownNodes, sanitizeHref } from "./render";
 export type { MdNode, MdInline, MdListItem, MdCell, MdAlign, MdCodeRenderer } from "./types";

package/dist/types/lib/syntax/markdown/parse.d.ts

@@ -1,5 +1,9 @@
 import { type Sink } from "./spans";
 import type { MdNode } from "./types";
+/** Exported so any other layer that needs to find the SAME fence boundaries
+    the parser itself will — e.g. `StreamingMarkdown`'s pre-parse balancing
+    pass — imports this instead of keeping a second copy of the pattern. */
+export declare const RE_FENCE: RegExp;
 /** The renderer's entry point: tree only, no token bookkeeping. */
 export declare function parseMarkdown(source: string): MdNode[];
 /**

package/dist/types/lib/syntax/markdown/render.d.ts

@@ -6,33 +6,6 @@ export interface MarkdownNodesProps {
     renderCode: MdCodeRenderer;
 }
 export declare function MarkdownNodes({ nodes, renderCode }: MarkdownNodesProps): ReactNode;
-/**
- * An inline image, capped to a compact thumbnail and click-to-enlarge.
- *
- * A screenshot dropped into a markdown field (a card comment, a problem
- * statement, a plan record) is the most common image this renders, and an
- * uncapped one would blow past the width of any of those surfaces and,
- * worse, a TALL one (a full-page screenshot) would still run on forever even
- * with a width cap alone — hence a HEIGHT cap here, not a width cap, with
- * `w-auto` left free to shrink for a narrow source image.
- *
- * Clicking opens the full-resolution image in a `Dialog` rather than
- * navigating or replacing the thumbnail in place, so the surrounding prose
- * never loses its layout while the image is being inspected.
- */
-/**
- * Exported so `components/chat/Markdown.tsx` — the streaming chat renderer,
- * which does NOT go through this file's node tree/parser — can reuse the
- * exact same capped, click-to-enlarge treatment instead of forking it. Two
- * markdown renderers exist in this package on purpose (streaming vs.
- * document); a shared leaf component is how they stay visually identical
- * without duplicating the cap/dialog logic.
- */
-export declare function MarkdownImage({ src, alt, title }: {
-    src: string;
-    alt: string;
-    title?: string;
-}): ReactNode;
 /**
  * RULE TWO, the implementation: a link's scheme is checked before it is
  * rendered.

package/dist/types/lib/values/absent.d.ts

@@ -0,0 +1,7 @@
+/** The shared "no value" reading for a blank field — a date, a number, a
+ *  phone number, a currency amount: nothing recorded. Shared by every
+ *  formatter that reads absence this way, so the glyph itself never drifts
+ *  between them (DX-3254). `formatBoolean` does NOT use this — see its own
+ *  module doc for why a tri-state boolean reads absence as "Unknown"
+ *  instead. */
+export declare const ABSENT = "\u2014";

package/dist/types/lib/values/currency.d.ts

@@ -3,7 +3,7 @@
  *
  * `NaN` / `Infinity` are not real amounts either and render as the em dash —
  * grouped with absence rather than with a malformed string, because unlike
- * `formatDate`/`formatPhone`'s malformed-input case, there is no ORIGINAL
+ * `formatDate`'s malformed-input case, there is no ORIGINAL
  * user-facing string to show back: the caller already has a `number`, and a
  * non-finite one is a computation defect upstream, not a typo to surface.
  */

package/dist/types/lib/values/index.d.ts

@@ -1,8 +1,5 @@
 export { formatDate, parseDate } from "./date";
 export { formatDateTime, parseDateTime, type FormatDateTimeOptions, type ParseDateTimeOptions } from "./datetime";
 export { formatCurrency, parseCurrency } from "./currency";
-export { formatPhone, parsePhone, digitsOfPhoneInProgress, formatPhonePartial } from "./phone";
 export { formatNumber, parseNumber, type FormatNumberOptions } from "./number";
 export { formatBoolean, parseBoolean, type FormatBooleanOptions } from "./boolean";
-export { isValidEmail } from "./email";
-export { isValidUrl } from "./url";

package/dist/types/pure.d.ts

@@ -39,5 +39,5 @@
  * about this is a migration and no existing import has to change.
  */
 export { formatBytes, formatTokens, formatCompactNumber } from "./lib/format";
-export { formatDate, parseDate, formatDateTime, parseDateTime, type FormatDateTimeOptions, type ParseDateTimeOptions, formatCurrency, parseCurrency, formatPhone, parsePhone, digitsOfPhoneInProgress, formatPhonePartial, formatNumber, parseNumber, type FormatNumberOptions, formatBoolean, parseBoolean, type FormatBooleanOptions, isValidEmail, isValidUrl, } from "./lib/values";
+export { formatDate, parseDate, formatDateTime, parseDateTime, type FormatDateTimeOptions, type ParseDateTimeOptions, formatCurrency, parseCurrency, formatNumber, parseNumber, type FormatNumberOptions, formatBoolean, parseBoolean, type FormatBooleanOptions, } from "./lib/values";
 export { confidenceLevel, CONFIDENCE_LEVEL_LABELS, type ConfidenceLevel } from "./lib/confidence";

package/package.json

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

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

@@ -1,34 +0,0 @@
-import { type CSSProperties, type Key, type ReactNode, type Ref, type RefObject } from "react";
-export interface InfiniteScrollerHandle {
-    /** Mount everything up to `index` (if not already mounted), then scroll that item into view. */
-    reveal: (index: number, options?: ScrollIntoViewOptions) => void;
-}
-export interface InfiniteScrollerProps<T> {
-    /** Every item. Only a window of them is mounted. */
-    items: readonly T[];
-    renderItem: (item: T, index: number) => ReactNode;
-    /** A stable React key per item. */
-    getKey: (item: T, index: number) => Key;
-    /** How many items are mounted at first. Default 20. */
-    initialCount?: number;
-    /** How many more mount each time the end comes into range. Default `initialCount`. */
-    batchSize?: number;
-    /** Lay items out as a CSS grid with this many equal columns. Omit for a plain vertical list. */
-    columns?: number;
-    /** How far outside the scroll viewport the end may be before more mount. Default "200px". */
-    rootMargin?: string;
-    /**
-     * The scrolling element to observe against. Default: the nearest ancestor whose `overflow-y`
-     * scrolls, else the viewport.
-     */
-    root?: RefObject<Element | null>;
-    /** Changing this puts the window back to `initialCount` (a genuinely different list). */
-    resetKey?: unknown;
-    /** Classes for the list/grid element — gaps, padding. */
-    className?: string;
-    style?: CSSProperties;
-    ref?: Ref<InfiniteScrollerHandle>;
-    /** Accessible name for the list, when it needs one. */
-    "aria-label"?: string;
-}
-export declare function InfiniteScroller<T>({ items, renderItem, getKey, initialCount, batchSize, columns, rootMargin, root, resetKey, className, style, ref, "aria-label": ariaLabel, }: InfiniteScrollerProps<T>): import("react").JSX.Element;

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

@@ -1,17 +0,0 @@
-export interface PhoneFieldProps {
-    /** The stored ten-digit form, or null for none. */
-    value: string | null;
-    /** Reports the new ten-digit value, or null when the person cleared it. Only on commit. */
-    onValueChange: (value: string | null) => void;
-    /** Told while the box has focus — i.e. while the person's own in-progress digits are on screen. */
-    onEditingChange?: (editing: boolean) => void;
-    /** The accessible name — required, same reasoning as `DateField`'s. */
-    "aria-label": string;
-    /** @default "(555) 123-4567" */
-    placeholder?: string;
-    disabled?: boolean;
-    /** The sentence shown for a committed value that is not ten digits. */
-    invalidMessage?: string;
-    className?: string;
-}
-export declare function PhoneField({ value, onValueChange, onEditingChange, "aria-label": ariaLabel, placeholder, disabled, invalidMessage, className, }: PhoneFieldProps): import("react").JSX.Element;

package/dist/types/components/calendar/index.d.ts

@@ -1,9 +0,0 @@
-export { CalendarMonth, type CalendarMonthProps } from "./CalendarMonth";
-export { CalendarTimeGrid, type CalendarTimeGridProps } from "./CalendarTimeGrid";
-export { useNow, type UseNowOptions } from "./use-now";
-export { EventActions, type EventActionsProps } from "./EventActions";
-export { useCalendarDrag, type CalendarDragOptions, type CalendarDragState, } from "./use-calendar-drag";
-export { useEventKeyboard, type EventKeyboardOptions, type EventKeyboardState, } from "./use-event-keyboard";
-export { EVENT_PALETTE, DEFAULT_PALETTE_KEY, isPaletteKey, paletteFor } from "./palette";
-export { cellLabel, dayNumber, eventLabel, formatDateRange, longDate, monthTitle, timeOfDay, weekdayName, zoneLabel, } from "./format";
-export { initialFocusDay, isInMonth, nextDayForKey, useGridNavigation, type GridNavigation, type GridNavigationOptions, } from "./use-grid-navigation";

package/dist/types/components/chat/Markdown.d.ts

@@ -1,22 +0,0 @@
-export interface CodeBlockProps {
-    code: string;
-    language?: string;
-    filename?: string;
-    /** Still filling — suppresses the copy button, which would copy a fragment. */
-    streaming?: boolean;
-    className?: string;
-}
-export declare function CodeBlock({ code, language, filename, streaming, className }: CodeBlockProps): import("react").JSX.Element;
-export interface MarkdownProps {
-    children: string;
-    className?: string;
-}
-/**
- * Blocks are memoised individually.
- *
- * A response is re-parsed on every token, so without this the reconciler
- * rebuilds every finished paragraph each time a word lands at the bottom —
- * which is both wasteful and visible, because re-created DOM loses selection.
- * Someone highlighting a sentence while the answer continues keeps it.
- */
-export declare const Markdown: import("react").NamedExoticComponent<MarkdownProps>;

package/dist/types/lib/values/email.d.ts

@@ -1,12 +0,0 @@
-/**
- * Whether `value` reads as a plausible email address. An empty (or
- * whitespace-only) value is treated as VALID — clearing the field is not a
- * typo, and a required-field rule belongs to the caller, not this check.
- *
- * SG-909 review fix: the previous regex (`/^[^\s@]+@[^\s@]+\.[^\s@]+$/`)
- * matched the domain half non-specifically, so `"a@b..com"` (an empty label
- * between two dots) passed, and it never looked at trailing punctuation at
- * all, so `"jane@example.com."` and `"jane@example.com,"` — the shape a typo
- * or a sentence's own full stop produces — both passed too.
- */
-export declare function isValidEmail(value: string): boolean;

package/dist/types/lib/values/phone.d.ts

@@ -1,68 +0,0 @@
-/**
- * Ten stored digits → `"(555) 123-4567"`. `null` / `undefined` / `""` → `"—"`.
- *
- * A non-empty value that is not exactly ten digits after parsing is returned
- * UNCHANGED — the same "show the corruption, don't hide it behind absence"
- * rule `formatDate` documents. A stored value should already be `parsePhone`'s
- * output; if it is not, that is a data problem worth seeing in the row, not
- * a blank field that looks like nobody ever entered a number.
- *
- * Reuses `formatPhonePartial` for the ten-digit case (SG-909 review) rather
- * than repeating the same three-slice punctuation a second time — passing it
- * exactly ten digits always produces the identical `"(XXX) XXX-XXXX"` string,
- * since `formatPhonePartial` only ever appends a raw, unformatted tail past
- * the tenth digit and there is no tail here.
- */
-export declare function formatPhone(value: string | null | undefined): string;
-/**
- * A human-typed phone number → ten stored digits, or `null`.
- *
- * Strips everything but digits, so `"(555) 123-4567"`, `"555.123.4567"`,
- * `"555-123-4567 "` and `"5551234567"` all normalise the same way. A leading
- * US country code (`"1"`, making 11 digits total) is dropped — `"+1 (555)
- * 123-4567"` is the same number as `"(555) 123-4567"` and should be stored
- * identically. Anything that is not exactly 10 digits after that — too few,
- * too many, or an 11-digit number NOT starting with `1` (a foreign number
- * mis-typed into a US field, not a US number with an extra digit) — returns
- * `null` rather than truncating or padding a guess into place.
- *
- * THIS is the one place in the file the 11-digit-leading-`1` rule is written
- * (SG-909 review — it used to also live in `digitsOfPhoneInProgress`, which
- * no longer transforms digits at all; see that function's own doc for why).
- */
-export declare function parsePhone(input: string): string | null;
-/**
- * Every non-digit stripped — nothing else. `PhoneField` (SG-909) keeps this
- * as ITS state while a person is still typing.
- *
- * Deliberately NOT capped at ten and NOT country-code-aware, unlike an
- * earlier revision of this function. That revision silently dropped every
- * digit past the tenth and stripped a leading `"1"` off an 11-digit run —
- * which meant pasting `"555-123-4567 x12"` or `"44 20 7946 0958"` (a UK
- * number) landed at commit as `parsePhone` accepting whatever ten-or-eleven
- * digits happened to survive the cap, saving a DIFFERENT phone number than
- * the one actually typed, with no error and no visible sign anything had
- * been thrown away. `PhoneField` now keeps the full digit sequence — see its
- * own module comment for how it is FORMATTED (first ten punctuated, any rest
- * appended raw) and how `parsePhone` alone decides, at commit, whether the
- * full sequence resolves to a real ten-digit number.
- */
-export declare function digitsOfPhoneInProgress(input: string): string;
-/**
- * A digit sequence of any length → what the box shows WHILE TYPING —
- * progressively punctuated as each of the first ten digits lands, with any
- * digit past the tenth appended after a space, UNFORMATTED, rather than
- * silently dropped (SG-909 review). `formatPhone` above is the too-late-to-
- * use-here sibling: it takes the STORED ten-digit form and either renders it
- * or hands back a non-ten-digit value unchanged, which would show a partial
- * number completely unpunctuated until the last digit arrived, and would
- * have nowhere to put an eleventh digit at all.
- *
- * The trailing digits past ten are shown, not hidden, specifically so a
- * too-long paste or a stray extra keystroke stays visible for the person to
- * see and correct — `parsePhone` will refuse anything that is not exactly
- * ten digits (or eleven with a leading `1`) at commit, and a refusal against
- * a box that visibly still has extra digits in it is legible; a refusal
- * against a box that silently ate them is not.
- */
-export declare function formatPhonePartial(digits: string): string;

package/dist/types/lib/values/url.d.ts

@@ -1,6 +0,0 @@
-/**
- * Whether `value` reads as a plausible web address. An empty (or
- * whitespace-only) value is treated as VALID — see `isValidEmail`'s identical
- * reasoning.
- */
-export declare function isValidUrl(value: string): boolean;