@assure-one/design-system 1.37.0 → 1.39.0

package/dist/css/legacy-aliases.css

@@ -439,6 +439,10 @@
   --color-field-border-invalid: var(--ds-field-border-invalid);
   --color-surface-floating: var(--ds-color-surface-floating);
   --color-surface-hover: var(--ds-color-surface-hover);
+  --table-row-height: var(--ds-table-row-height);
+  --table-cell-padding-x: var(--ds-table-cell-padding-x);
+  --table-cell-padding-y: var(--ds-table-cell-padding-y);
+  --table-head-padding-y: var(--ds-table-head-padding-y);
 }
 
 [data-ds-scheme="dark"],
@@ -691,4 +695,8 @@
   --control-icon-md: var(--ds-control-icon-md);
   --control-icon-lg: var(--ds-control-icon-lg);
   --control-icon-xl: var(--ds-control-icon-xl);
+  --table-row-height: var(--ds-table-row-height);
+  --table-cell-padding-x: var(--ds-table-cell-padding-x);
+  --table-cell-padding-y: var(--ds-table-cell-padding-y);
+  --table-head-padding-y: var(--ds-table-head-padding-y);
 }

package/dist/css/tokens.css

@@ -7,7 +7,7 @@
 @layer theme, base, ds, components, utilities;
 
 :root {
-  --ds-color-canvas: #ffffff;
+  --ds-color-canvas: #f7f8fa;
   --ds-color-canvas-sunken: #f1f3f8;
   --ds-color-canvas-sunken-strong: #e7eaf1;
   --ds-color-surface: #ffffff;
@@ -179,7 +179,7 @@
   --ds-ref-font-weight-semibold: 600;
   --ds-ref-font-weight-bold: 700;
   --ds-radius-control: 7px;
-  --ds-radius-chip: 5px;
+  --ds-radius-chip: 6px;
   --ds-radius-surface: 12px;
   --ds-radius-badge: 4px;
   --ds-radius-full: 9999px;
@@ -225,7 +225,7 @@
   --ds-color-scrim: rgba(16, 20, 36, 0.36);
   --ds-compat-color-green-dark: #196832;
   --ds-color-content-link: var(--ds-color-action-accent-bg);
-  --ds-compat-radius-md: 5px;
+  --ds-compat-radius-md: 6px;
   --ds-compat-radius-lg: 8px;
   --ds-compat-radius-xl: 12px;
   --ds-text-display: clamp(28px, 3.4vw, 38px);
@@ -312,7 +312,7 @@
   --ds-ref-breakpoint-xl: 80rem;
   --ds-ref-breakpoint-2xl: 96rem;
   --ds-ref-radius-xs: 4px;
-  --ds-ref-radius-sm: 5px;
+  --ds-ref-radius-sm: 6px;
   --ds-ref-radius-md: 7px;
   --ds-ref-radius-lg: 8px;
   --ds-ref-radius-xl: 12px;
@@ -390,11 +390,15 @@
   --ds-color-skeleton-sheen: rgba(255, 255, 255, 0.35);
   --ds-animate-skeleton-shimmer: skeleton-shimmer 1.6s linear infinite;
   --ds-animate-spinner: spin 0.8s linear infinite;
-  --ds-field-border: #c5ccda;
-  --ds-field-border-hover: var(--ds-color-content-faint);
+  --ds-field-border: #8890a2;
+  --ds-field-border-hover: var(--ds-color-content-subtle);
   --ds-field-border-invalid: color-mix(in srgb, var(--ds-color-feedback-danger-fg) 60%, var(--ds-color-feedback-danger-border));
   --ds-color-surface-floating: #ffffff;
   --ds-color-surface-hover: var(--ds-color-canvas-sunken);
+  --ds-table-row-height: 44px;
+  --ds-table-cell-padding-x: 16px;
+  --ds-table-cell-padding-y: 12px;
+  --ds-table-head-padding-y: 10px;
 }
 
 [data-ds-scheme="dark"],
@@ -639,6 +643,10 @@
   --ds-control-icon-md: 14px;
   --ds-control-icon-lg: 16px;
   --ds-control-icon-xl: 16px;
+  --ds-table-row-height: 36px;
+  --ds-table-cell-padding-x: 12px;
+  --ds-table-cell-padding-y: 8px;
+  --ds-table-head-padding-y: 8px;
 }
 
 /* Reduced motion, once, at the token level (target architecture §20 rule 4).

package/dist/design-system-provider-BM_F1C13.d.ts

@@ -0,0 +1,143 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentType, AnchorHTMLAttributes, Ref, ReactNode, ImgHTMLAttributes } from 'react';
+import { D as DsMessageNamespace, a as DsMessages, b as DsMessagesOverride } from './types-k_kjwipx.js';
+
+/**
+ * L0 foundation (W5-21, ADR-010). The adapters through which the design
+ * system renders an application's router link and image component without
+ * importing them itself.
+ *
+ * `LinkButton` and `Logo` read these from `DesignSystemProvider`. Without a
+ * provider they keep their static `next/link` / `next/image` imports (C-NEXT-PEER)
+ * until 2.0, so nothing changes for a Next.js app that renders no provider;
+ * `@assure-one/design-system/next` exports a provider that passes exactly
+ * those two, and a non-Next app passes its own.
+ */
+/** The props a link adapter receives: a plain anchor with an `href`. @experimental */
+interface LinkComponentProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    href: string;
+    ref?: Ref<HTMLAnchorElement>;
+    children?: ReactNode;
+}
+/**
+ * A component that renders a link — `next/link`, React Router's `Link`, or a
+ * plain `<a>`. It must forward every anchor attribute and the ref.
+ *
+ * @experimental
+ */
+type LinkComponent = ComponentType<LinkComponentProps>;
+/** The props an image adapter receives: `src`, `alt` and the intrinsic size. @experimental */
+interface ImageComponentProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, "src" | "width" | "height"> {
+    src: string;
+    alt: string;
+    width: number;
+    height: number;
+    /** Load eagerly, above the fold (`next/image` `priority`). */
+    priority?: boolean;
+}
+/**
+ * A component that renders an image — `next/image` or a plain `<img>`.
+ *
+ * @experimental
+ */
+type ImageComponent = ComponentType<ImageComponentProps>;
+
+/** Text direction the provider announces. Context only until components adopt logical properties (W5-22). @experimental */
+type DsDirection = "ltr" | "rtl";
+/**
+ * The resolved messages of one component namespace: the component's own
+ * `messages` prop wins over the provider's catalogue, which wins over the
+ * English default. Works without a provider (English). Stable while the three
+ * inputs are.
+ *
+ * @experimental
+ */
+declare function useDsMessages<N extends DsMessageNamespace>(namespace: N, override?: Partial<DsMessages[N]> | undefined): DsMessages[N];
+
+/**
+ * Props of `DesignSystemProvider` (W5-20, ADR-010, target architecture §43).
+ *
+ * @experimental
+ */
+interface DesignSystemProviderProps {
+    /**
+     * Overrides for the generic strings components render (Clear, No results,
+     * optional…), by component namespace. Any subset; omitted keys keep their
+     * English default. A component's own `messages` prop still wins. The full
+     * list is `DsMessages` (and `messages/en.json` in the package source).
+     */
+    messages?: DsMessagesOverride;
+    /**
+     * The BCP 47 tag locale-aware components format with (dates, numbers).
+     * Default `"en-US"` on the server and on the client (amendment A3): pass the
+     * locale your app already knows server-side; never `navigator.language`
+     * during render.
+     */
+    locale?: string;
+    /** Text direction. Context only for now — components adopt logical properties in W5-22. */
+    dir?: DsDirection;
+    /**
+     * Where portalled content (dialogs, menus, tooltips) mounts. `undefined`
+     * (default) keeps Radix's `document.body`. Read by the shared Portal of the
+     * overlay primitives as they adopt it.
+     */
+    portalContainer?: HTMLElement | null;
+    /**
+     * The application's router link, rendered by `LinkButton` and `Logo`
+     * instead of their static `next/link` import (W5-21). A Next.js app uses
+     * `NextDesignSystemProvider` from `@assure-one/design-system/next`.
+     */
+    linkComponent?: LinkComponent;
+    /** The application's image component, rendered by `Logo` instead of its static `next/image` import. */
+    imageComponent?: ImageComponent;
+    /**
+     * Shared tooltip defaults (`delayDuration`, `skipDelayDuration`,
+     * `disableHoverableContent`) of the one `TooltipProvider` the provider
+     * mounts. Every `Tooltip` below uses it instead of wrapping a provider per
+     * instance (W5-12), so sibling tooltips open instantly within
+     * `skipDelayDuration` of each other; `delayDuration` defaults to the 300ms
+     * `Tooltip` renders without a provider. `false` mounts no provider and
+     * every `Tooltip` falls back to its own.
+     */
+    tooltip?: TooltipDefaults | false;
+    /**
+     * Mount the toast region (`ToastProvider`) so `useToast()` works anywhere
+     * below. Off by default: an app that already renders `ToastProvider` keeps
+     * its single region (the `aria-label="Notifications"` region consumers
+     * select on, C-TOAST-ARIALABEL, must exist exactly once).
+     */
+    toasts?: boolean;
+    /**
+     * Mount the `useConfirm` / `usePrompt` host (`ConfirmHost`, W5-18) so the
+     * imperative confirm works anywhere below. Off by default: an app that
+     * renders its own `ConfirmHost` keeps its single queue.
+     */
+    confirm?: boolean;
+    children?: ReactNode;
+}
+/** The Radix `TooltipProvider` props the provider forwards. @experimental */
+interface TooltipDefaults {
+    delayDuration?: number;
+    skipDelayDuration?: number;
+    disableHoverableContent?: boolean;
+}
+/**
+ * The optional application-level provider of the design system (W5-20,
+ * ADR-010). Thin by design: it owns only what CSS cannot — the messages
+ * catalogue, the locale, the text direction, the portal container, the link
+ * and image adapters, shared tooltip defaults and (opt-in) the toast region.
+ * Colour scheme, brand and density stay attributes + CSS on `<html>`.
+ *
+ * Everything works identically without it: every component falls back to
+ * the English catalogue, `"en-US"`, `document.body` and its static `next/*`
+ * import. The provider renders **no DOM wrapper** (only the toast region when
+ * `toasts` is set), so it cannot cause a hydration mismatch.
+ *
+ * `confirm` mounts the `useConfirm` / `usePrompt` host (W5-18) inside the
+ * toast region, so an imperative confirm can raise a toast.
+ *
+ * @experimental
+ */
+declare function DesignSystemProvider({ messages, locale, dir, portalContainer, linkComponent, imageComponent, tooltip, toasts, confirm, children, }: DesignSystemProviderProps): react_jsx_runtime.JSX.Element;
+
+export { type DesignSystemProviderProps as D, type ImageComponent as I, type LinkComponent as L, type TooltipDefaults as T, DesignSystemProvider as a, type DsDirection as b, type ImageComponentProps as c, type LinkComponentProps as d, useDsMessages as u };

package/dist/icons/index.d.ts

@@ -1,3 +1,441 @@
-export { A as AlertCircleIcon, a as AlertTriangleIcon, b as AlertTriangleSolidIcon, c as ArchiveIcon, d as ArrowDownIcon, e as ArrowLeftIcon, f as ArrowRightIcon, g as ArrowRightSmallIcon, h as ArrowUpIcon, i as AtSignIcon, B as BarChartIcon, j as BellIcon, k as BoldIcon, l as BrainIcon, m as BriefcaseIcon, n as Building2Icon, o as BuildingIcon, p as CalendarIcon, q as ChatBubbleIcon, r as CheckCircle2Icon, s as CheckCircleSolidIcon, t as CheckIcon, u as ChevronDownIcon, v as ChevronLeftIcon, w as ChevronRightIcon, x as ChevronUpIcon, y as ChevronsDownUpIcon, z as ChevronsUpDownIcon, D as CircleDotIcon, E as CircleIcon, F as ClipboardCheckIcon, G as ClockIcon, H as CloseIcon, J as CommandIcon, K as CopyIcon, L as CornerDownLeftIcon, M as CreditCardIcon, N as DocumentIcon, O as DollarSignIcon, P as DownloadIcon, Q as ExternalLinkIcon, R as ExtractIcon, T as EyeIcon, U as EyeOffIcon, W as FileIcon, X as FileReturnIcon, Y as FileTextIcon, Z as FilterIcon, _ as FlagIcon, $ as FolderClosedIcon, a0 as FolderOpenIcon, a1 as FolderPlusIcon, a2 as FolderUpIcon, a3 as GlobeIcon, a4 as GoogleBrandIcon, a5 as GripVerticalIcon, a6 as HelpCircleIcon, a7 as HistoryIcon, a8 as HomeIcon, a9 as IconComponent, aa as IconDefinition, ab as IconProps, ac as IconSize, ad as InboxIcon, ae as InfoCircleSolidIcon, af as InfoIcon, ag as ItalicIcon, ah as KanbanIcon, ai as KeyIcon, aj as LandmarkIcon, ak as LayersIcon, al as LayoutDashboardIcon, am as LayoutGridIcon, an as LayoutListIcon, ao as LightningIcon, ap as Link2Icon, aq as LinkIcon, ar as ListChecksIcon, as as ListIcon, at as ListOrderedIcon, au as LoaderIcon, av as LockIcon, aw as LockKeyholeIcon, ax as LockOpenIcon, ay as LogOutIcon, az as MailIcon, aA as MapPinIcon, aB as MaximizeIcon, aC as MenuIcon, aD as MessageCircleIcon, aE as MessageCircleWarningIcon, aF as MicIcon, aG as MicrosoftBrandIcon, aH as MinimizeIcon, aI as MinusIcon, aJ as MonitorIcon, aK as MoonIcon, aL as MoreHorizontalIcon, aM as MoveIcon, aN as PaletteIcon, aO as PanelLeftCloseIcon, aP as PanelLeftIcon, aQ as PanelRightIcon, aR as PaperclipIcon, aS as PauseIcon, aT as PenSignIcon, aU as PenToolIcon, aV as PencilIcon, aW as PhoneIcon, aX as PlayIcon, aY as PlusIcon, aZ as ReceiptIcon, a_ as RefreshCwIcon, a$ as ReplyIcon, b0 as RotateCcwIcon, b1 as SaveIcon, b2 as SearchIcon, b3 as SendIcon, b4 as SettingsIcon, b5 as ShieldIcon, b6 as SigmaIcon, b7 as SlashIcon, b8 as SmartphoneIcon, b9 as SparkleIcon, ba as SparklesIcon, bb as StarIcon, bc as StopIcon, bd as StrikethroughIcon, be as SunIcon, bf as TableIcon, bg as TagIcon, bh as TeamIcon, bi as ThumbsDownIcon, bj as ThumbsUpIcon, bk as TimerIcon, bl as Trash2Icon, bm as TrashIcon, bn as TrashSolidIcon, bo as TrendingDownIcon, bp as TrendingUpIcon, bq as UnderlineIcon, br as UploadIcon, bs as UserCircleIcon, bt as UserIcon, bu as UsersIcon, bv as VideoIcon, bw as Volume2Icon, bx as VolumeXIcon, by as WorkflowIcon, bz as XCircleSolidIcon, bA as XIcon, bB as ZoomInIcon, bC as ZoomOutIcon, bD as createIcon } from '../index-vztxMSfl.js';
-import '../system-CyAVbHhM.js';
-import 'react/jsx-runtime';
+import { C as ControlSize } from '../vocab-DornLJbW.js';
+import { i as iconSizes } from '../reference-BkDbrPIB.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import '../system-DfJIVBlJ.js';
+
+/**
+ * The icon contract (target architecture §37; W3-18, W3-19, W3-20): the props
+ * every catalogue icon takes, the `<svg>` root they all render through, and
+ * `createIcon()`, which builds an icon from path data or elements.
+ *
+ * The catalogue itself is one module per icon next to this file
+ * (`src/icons/<name>-icon.tsx`); `src/icons/index.ts` and the compat facade
+ * `src/primitives/icons.tsx` are generated from those modules by
+ * `scripts/icons/generate.mjs`. `Icon` and `iconSizePx` are exported for the
+ * catalogue modules only — neither barrel re-exports them.
+ */
+/**
+ * Named icon boxes — the four `--ds-icon-size-*` steps of W2-10 (12 / 14 / 16 /
+ * 20 px), spelled with the shared size vocabulary (ADR-007) and derived from the
+ * token scale so the type and the tokens cannot disagree.
+ */
+type IconSize = Extract<ControlSize, keyof typeof iconSizes>;
+interface IconProps extends React.SVGAttributes<SVGElement> {
+    /**
+     * The icon box. A size name renders `var(--ds-icon-size-<name>)` — with the
+     * legacy `--icon-size-<name>` and then the token's pixel value as fallbacks —
+     * so a theme can retune the boxes; a number is a pixel box, as before.
+     * Defaults to 24, the grid the glyphs are drawn on.
+     */
+    size?: IconSize | number;
+    /**
+     * Stroke width of every stroked element, set once on the root `<svg>` and
+     * inherited. Defaults to the catalogue's 1.5 at the 24px drawing size, scaled
+     * so the rendered line stays ~1.5px in a smaller box (2.25 at 16px and below,
+     * 1.8 at 20px — Polish 2 §3.9); the few glyphs drawn heavier (`XIcon`,
+     * `CheckIcon`, `BoldIcon`) default to their own weight. An explicit value
+     * always wins.
+     */
+    strokeWidth?: number | string;
+    /**
+     * Accessible name. Icons are decorative (`aria-hidden`); a `title` exposes
+     * the svg as `role="img"` with a `<title>` child. (An `aria-label` alone
+     * still lands on the hidden svg, as it always has — C-DOM-15 freezes that
+     * DOM for Pro; use `title` to name an icon.)
+     */
+    title?: string;
+}
+/** What every catalogue icon and every `createIcon()` product is. */
+interface IconComponent {
+    (props: IconProps): React.JSX.Element;
+    displayName?: string;
+}
+interface IconDefinition {
+    /** Component name, e.g. `"ArchiveIcon"`; becomes the `displayName`. */
+    name: string;
+    /**
+     * What to draw. Path data strings become `currentColor` strokes with round
+     * caps and joins, the catalogue's outline style; pass elements for anything
+     * else (filled dots, rects, a mark's fixed colours). Elements must not set
+     * their own `strokeWidth` — it lives on the root so the prop works.
+     */
+    paths: string | readonly string[] | React.ReactNode;
+    /** Defaults to `"0 0 24 24"`. A product icon drawn on another grid sets its own. */
+    viewBox?: string;
+    /** This glyph's default stroke width when the caller passes none. Defaults to the optical 1.5-at-24 stroke. */
+    strokeWidth?: number | string;
+}
+/**
+ * Builds an icon component with the catalogue's props, sizing, stroke and
+ * accessibility contract from path data or SVG elements. Products use it for
+ * icons that are theirs (vendor logos, annotation shapes) without inlining
+ * `<svg>` at call sites; the catalogue uses it for its newer glyphs.
+ *
+ * @example
+ * const ArchiveIcon = createIcon({
+ *   name: "ArchiveIcon",
+ *   paths: ["M3 3h18a1 1 0 011 1v3a1 1 0 01-1 1H3a1 1 0 01-1-1V4a1 1 0 011-1z", "M4 8v11a2 2 0 002 2h12a2 2 0 002-2V8", "M10 12h4"],
+ * });
+ */
+declare function createIcon(definition: IconDefinition): IconComponent;
+
+declare function AlertCircleIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function AlertTriangleIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function AlertTriangleSolidIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare const ArchiveIcon: IconComponent;
+
+declare function ArrowDownIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function ArrowLeftIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function ArrowRightIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * @deprecated Use `ArrowRightIcon` — it is the same path; "small" was never a
+ * different drawing. This alias is the identical component and stays through 2.x.
+ */
+declare const ArrowRightSmallIcon: typeof ArrowRightIcon;
+
+declare function ArrowUpIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function AtSignIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function BarChartIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function BellIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function BoldIcon({ size, strokeWidth, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare const BrainIcon: IconComponent;
+
+declare function BriefcaseIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function Building2Icon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function BuildingIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function CalendarIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function ChatBubbleIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function CheckCircle2Icon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function CheckCircleSolidIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function CheckIcon({ size, strokeWidth, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function ChevronDownIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function ChevronLeftIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function ChevronRightIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function ChevronUpIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+/** Collapse — the pair of `ChevronsUpDownIcon`. */
+declare const ChevronsDownUpIcon: IconComponent;
+
+declare function ChevronsUpDownIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function CircleDotIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function CircleIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function ClipboardCheckIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function ClockIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function XIcon({ size, strokeWidth, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * @deprecated Use `XIcon` — the same glyph under its lucide name (the catalogue
+ * drew it twice). This alias is the identical component and stays through 2.x.
+ */
+declare const CloseIcon: typeof XIcon;
+
+declare function CommandIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function CopyIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function CornerDownLeftIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function CreditCardIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function DocumentIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function DollarSignIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function DownloadIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+/** Pop-out / opens elsewhere — box with an arrow leaving the top-right corner. */
+declare const ExternalLinkIcon: IconComponent;
+
+/**
+ * ExtractIcon — gradient (Pro purple → cyan) tri-sparkle used for AI
+ * "Extract" affordances. Unlike the currentColor catalog, the fill is a
+ * fixed brand gradient; `size` scales it while preserving the 16:12 ratio.
+ * Gradient/clip ids are per-instance (useId) so multiple icons don't clash.
+ */
+declare function ExtractIcon({ size, className, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function EyeIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function EyeOffIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function FileIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function FileReturnIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function FileTextIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * FilterIcon — funnel mark used for filter popover triggers across list
+ * pages (clients, workflow, billing, organizers…). Renders the same
+ * lucide-style polygon at any size; pair with a corner notification dot
+ * to surface active filter count.
+ */
+declare function FilterIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function FlagIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function FolderClosedIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function FolderOpenIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function FolderPlusIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+/** Folder with an up-arrow — the "upload documents" / document-request mark. */
+declare function FolderUpIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function GlobeIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * GoogleBrandIcon — Google four-color "G" mark. Brand-locked colors,
+ * does NOT respond to currentColor. Use only in provider-list UIs
+ * (OAuth buttons, integration chips). Standard 24-grid.
+ */
+declare function GoogleBrandIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+/** Six-dot drag handle for sortable rows and kanban cards. */
+declare const GripVerticalIcon: IconComponent;
+
+declare function HelpCircleIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function HistoryIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function HomeIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function InboxIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function InfoCircleSolidIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function InfoIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function ItalicIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function KanbanIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function KeyIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+/** Landmark / "bank" glyph (columns + pediment) — the accounting service mark. */
+declare function LandmarkIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare const LayersIcon: IconComponent;
+
+declare function LayoutDashboardIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function LayoutGridIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function LayoutListIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function LightningIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function Link2Icon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function LinkIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function ListChecksIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function ListIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function ListOrderedIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * LoaderIcon — animated spinner. Render with `className="animate-spin"`
+ * (or `motion-safe:animate-spin` if you want to respect `prefers-reduced-
+ * motion`; the catalog doesn't gate this itself because the spinner IS
+ * the indicator for many flows).
+ *
+ * Visual contract: a dim full-circle ring + a brighter quarter-arc on top.
+ * When rotated, the bright arc creates the "leading edge" of the spinner.
+ */
+declare function LoaderIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function LockIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function LockKeyholeIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function LockOpenIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function LogOutIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function MailIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function MapPinIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+/** Enter full screen / expand a panel — four outward corners. */
+declare const MaximizeIcon: IconComponent;
+
+declare function MenuIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function MessageCircleIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function MessageCircleWarningIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare const MicIcon: IconComponent;
+
+/**
+ * MicrosoftBrandIcon — Microsoft four-square mark in red / green / blue /
+ * yellow. Brand-locked colors, does NOT respond to currentColor. Use
+ * inside Microsoft OAuth signin buttons, Outlook / Office integration
+ * chips, and similar provider-list UIs. Standard 24-grid (10×10 squares
+ * with 2u gaps).
+ */
+declare function MicrosoftBrandIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+/** Leave full screen / shrink a panel — four inward corners. */
+declare const MinimizeIcon: IconComponent;
+
+declare function MinusIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function MonitorIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function MoonIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function MoreHorizontalIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function MoveIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function PaletteIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function PanelLeftCloseIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function PanelLeftIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+/** Dock to the right — the mirror of `PanelLeftIcon`. */
+declare const PanelRightIcon: IconComponent;
+
+declare function PaperclipIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function PauseIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function PenSignIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+/** Pen-tool / nibbed signature pen — the e-signature mark. */
+declare function PenToolIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function PencilIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function PhoneIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function PlayIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function PlusIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function ReceiptIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+/** Two clockwise arrows — refresh / sync. `RotateCcwIcon` is the single-arrow undo. */
+declare const RefreshCwIcon: IconComponent;
+
+declare function ReplyIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function RotateCcwIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function SaveIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function SearchIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function SendIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function SettingsIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function ShieldIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+/** Formula / sum — the Greek capital sigma. */
+declare const SigmaIcon: IconComponent;
+
+declare function SlashIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function SmartphoneIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function SparkleIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function SparklesIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function StarIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function StopIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function StrikethroughIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function SunIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function TableIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function TagIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function TeamIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare const ThumbsDownIcon: IconComponent;
+
+declare const ThumbsUpIcon: IconComponent;
+
+/** Stopwatch — elapsed time and timers; `ClockIcon` is wall-clock time. */
+declare const TimerIcon: IconComponent;
+
+declare function Trash2Icon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function TrashIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Filled trash can for destructive affordances inside small round buttons,
+ * where the outline `TrashIcon` reads as thin. Same family as the solid status
+ * icons: the slots are knockouts.
+ */
+declare const TrashSolidIcon: IconComponent;
+
+declare function TrendingDownIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function TrendingUpIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function UnderlineIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function UploadIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function UserCircleIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function UserIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function UsersIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+/** Video camera; pair with `PlayIcon` for playback. */
+declare const VideoIcon: IconComponent;
+
+/** Speaker with two sound waves — audio on. */
+declare const Volume2Icon: IconComponent;
+
+/** Speaker with a cross — muted. */
+declare const VolumeXIcon: IconComponent;
+
+declare function WorkflowIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function XCircleSolidIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function ZoomInIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+declare function ZoomOutIcon({ size, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+export { AlertCircleIcon, AlertTriangleIcon, AlertTriangleSolidIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, AtSignIcon, BarChartIcon, BellIcon, BoldIcon, BrainIcon, BriefcaseIcon, Building2Icon, BuildingIcon, CalendarIcon, ChatBubbleIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownUpIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClipboardCheckIcon, ClockIcon, CloseIcon, CommandIcon, CopyIcon, CornerDownLeftIcon, CreditCardIcon, DocumentIcon, DollarSignIcon, DownloadIcon, ExternalLinkIcon, ExtractIcon, EyeIcon, EyeOffIcon, FileIcon, FileReturnIcon, FileTextIcon, FilterIcon, FlagIcon, FolderClosedIcon, FolderOpenIcon, FolderPlusIcon, FolderUpIcon, GlobeIcon, GoogleBrandIcon, GripVerticalIcon, HelpCircleIcon, HistoryIcon, HomeIcon, type IconComponent, type IconDefinition, type IconProps, type IconSize, InboxIcon, InfoCircleSolidIcon, InfoIcon, ItalicIcon, KanbanIcon, KeyIcon, LandmarkIcon, LayersIcon, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, MailIcon, MapPinIcon, MaximizeIcon, MenuIcon, MessageCircleIcon, MessageCircleWarningIcon, MicIcon, MicrosoftBrandIcon, MinimizeIcon, MinusIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoveIcon, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PanelRightIcon, PaperclipIcon, PauseIcon, PenSignIcon, PenToolIcon, PencilIcon, PhoneIcon, PlayIcon, PlusIcon, ReceiptIcon, RefreshCwIcon, ReplyIcon, RotateCcwIcon, SaveIcon, SearchIcon, SendIcon, SettingsIcon, ShieldIcon, SigmaIcon, SlashIcon, SmartphoneIcon, SparkleIcon, SparklesIcon, StarIcon, StopIcon, StrikethroughIcon, SunIcon, TableIcon, TagIcon, TeamIcon, ThumbsDownIcon, ThumbsUpIcon, TimerIcon, Trash2Icon, TrashIcon, TrashSolidIcon, TrendingDownIcon, TrendingUpIcon, UnderlineIcon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VideoIcon, Volume2Icon, VolumeXIcon, WorkflowIcon, XCircleSolidIcon, XIcon, ZoomInIcon, ZoomOutIcon, createIcon };