@assure-one/design-system 1.37.0 → 1.39.0

package/dist/legacy/index.d.ts

@@ -0,0 +1,9 @@
+export { d as AIReceiptPanel, e as AIReceiptPanelProps, f as AIReceiptResult, g as AiDraftCard, h as AiDraftCardProps, i as AiDraftState, k as Assignee, l as AttentionItem, m as AttentionItemProps, n as AttentionUrgency, w as Blockquote, x as BottomNav, y as BottomNavProps, z as BottomNavTab, G as CategoryDivider, H as CategoryDividerProps, J as CategoryTag, K as CategoryTagProps, L as CategoryTone, M as ChannelTabItem, O as ChannelTabs, Q as ChannelTabsProps, R as ChannelTone, W as ClientRailGroupHeader, X as ClientRailGroupHeaderProps, Y as ClientRailItem, Z as ClientRailItemProps, a2 as Dash, a3 as DashGrid, a4 as DashGridProps, a5 as DashWidget, aE as DocumentChecklist, aF as DocumentChecklistFile, aG as DocumentChecklistItem, aH as DocumentChecklistProps, aI as DocumentChecklistStatus, aJ as DocumentFileCard, aK as DocumentFileCardProps, aL as DocumentFileLine, aM as DocumentFileLineProps, aN as DocumentFileRow, aO as DocumentFileRowProps, aP as DocumentItemState, aQ as DocumentRequestActivityKind, aR as DocumentRequestAssigneeOption, aS as DocumentRequestCard, aT as DocumentRequestCardProps, aU as DocumentRequestDetail, aV as DocumentRequestDetailActivityEvent, aW as DocumentRequestDetailComment, aX as DocumentRequestDetailDoc, aY as DocumentRequestDetailProps, aZ as DocumentRequestDetailTab, a_ as DocumentRequestField, a$ as DocumentRequestFieldProps, b0 as DocumentRequestItemSummary, b1 as DocumentRequestRequestedItem, b2 as DocumentRequestReviewStatusOption, b3 as DocumentRequestTone, b4 as DocumentRequestUpload, b5 as DocumentRequestUploadFile, b6 as DocumentRequestUploadProps, b7 as DocumentSource, b8 as DocumentSourceFilter, b9 as DocumentSourceFilterProps, ba as DocumentSourceFilterValue, bb as DocumentSourceTag, bc as DocumentSourceTagProps, bd as DocumentsWorkspaceLayout, be as DocumentsWorkspaceLayoutProps, bg as EmailMessageCard, bh as EmailMessageCardProps, bj as EngagementCard, bk as EngagementCardProps, bl as EngagementTimeline, bm as EngagementTimelineProps, bn as EngagementTimelineStep, bo as EngagementTimelineStepProps, bx as IntentBadge, by as IntentBadgeProps, bz as IntentTone, bD as MissingDocumentItem, bE as MissingDocumentsPanel, bF as MissingDocumentsPanelProps, bG as MoneyCell, bH as NewMenu, bI as NewMenuAction, bJ as NewMenuGroup, bK as NewMenuProps, bM as PillStatus, bR as Section, bS as SectionHead, bT as SectionHeader, b_ as SignatureEditor, b$ as SignatureEditorProps, c2 as StagePill, c3 as Stat, c5 as StatusPill, c6 as StatusPillProps, c7 as SuggestionPills, c8 as SuggestionPillsProps, cy as TagsCell, cz as TeamMemberSelect, cI as TimeLogger, cJ as TimeLoggerActions, cK as TimeLoggerActionsProps, cL as TimeLoggerBillable, cM as TimeLoggerBillableProps, cN as TimeLoggerContextRow, cO as TimeLoggerContextRowProps, cP as TimeLoggerEntry, cQ as TimeLoggerEntryList, cR as TimeLoggerEntryListProps, cS as TimeLoggerEntryProps, cT as TimeLoggerField, cU as TimeLoggerFieldProps, cV as TimeLoggerFooter, cW as TimeLoggerFooterProps, cX as TimeLoggerHeader, cY as TimeLoggerHeaderProps, cZ as TimeLoggerNotes, c_ as TimeLoggerNotesProps, c$ as TimeLoggerPhase, d0 as TimeLoggerProps, d1 as TimeLoggerTier, d2 as TimeLoggerTimer, d3 as TimeLoggerTimerProps, d4 as TimelineState, d7 as UseStopwatchReturn, d9 as formatClock, da as formatCurrency, db as formatDuration, dc as parseDuration, dg as useStopwatch } from '../index-BAAuIQqP.js';
+import 'react/jsx-runtime';
+import 'react';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import '../vocab-DornLJbW.js';
+import '../system-DfJIVBlJ.js';
+import '../types-k_kjwipx.js';
+import '../brand-theme-B6rem2II.js';

package/dist/legacy/index.js

@@ -0,0 +1,3 @@
+export { AIReceiptPanel, AiDraftCard, Assignee, AttentionItem, Blockquote, BottomNav, CategoryDivider, CategoryTag, ChannelTabs, ClientRailGroupHeader, ClientRailItem, Dash, DashGrid, DocumentChecklist, DocumentFileCard, DocumentFileLine, DocumentFileRow, DocumentRequestCard, DocumentRequestDetail, DocumentRequestField, DocumentRequestUpload, DocumentSourceFilter, DocumentSourceTag, DocumentsWorkspaceLayout, EmailMessageCard, EngagementCard, EngagementTimeline, EngagementTimelineStep, IntentBadge, MissingDocumentsPanel, MoneyCell, NewMenu, Section, SectionHead, SectionHeader, SignatureEditor, StagePill, Stat, StatusPill, SuggestionPills, TagsCell, TeamMemberSelect, TimeLogger, TimeLoggerActions, TimeLoggerBillable, TimeLoggerContextRow, TimeLoggerEntry, TimeLoggerEntryList, TimeLoggerField, TimeLoggerFooter, TimeLoggerHeader, TimeLoggerNotes, TimeLoggerTimer, formatClock, formatCurrency, formatDuration, parseDuration, useStopwatch } from '@assure-one/design-system';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/legacy/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}

package/dist/next/index.d.ts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { D as DesignSystemProviderProps } from '../design-system-provider-C8UlFe52.js';
+import { D as DesignSystemProviderProps } from '../design-system-provider-BM_F1C13.js';
 import 'react';
+import '../types-k_kjwipx.js';
 
 /**
  * Props of `NextDesignSystemProvider`: everything `DesignSystemProvider`

package/dist/reference-BkDbrPIB.d.ts

@@ -0,0 +1,310 @@
+/**
+ * Reference tokens — raw palette.
+ *
+ * Programmatic access for theme switching, Figma sync, design tools, etc.
+ * Components should NOT consume these directly; use system tokens (./system.ts)
+ * or the CSS variables in ./tokens.css.
+ */
+declare const colors: {
+    readonly bg: "#f7f8fa";
+    readonly bg2: "#f1f3f8";
+    readonly bg3: "#e7eaf1";
+    readonly surface: "#ffffff";
+    readonly surface2: "#f7f8fc";
+    readonly fg: "#0a0a0a";
+    readonly fg2: "#38383b";
+    readonly fg3: "#5f5f64";
+    readonly fg4: "#6b6b70";
+    readonly fg5: "#9a9aa0";
+    readonly rule: "#e4e7ef";
+    readonly ruleSoft: "#eef0f5";
+    readonly ruleStrong: "#d3d8e3";
+    readonly accent: "#6c42f8";
+    readonly accent2: "#5127e8";
+    readonly accentTint: "#efeaff";
+    readonly accentHover: "#5e35f2";
+    readonly accentActive: "#5127e8";
+    readonly proBg: "#f4f1ff";
+    readonly proBgHover: "#eee9ff";
+    readonly proBgActive: "#e4ddff";
+    readonly proFg: "#6c42f8";
+    readonly proHover: "#5e35f2";
+    readonly proActive: "#5127e8";
+    readonly proDisabled: "#b7a7f3";
+    readonly proLine: "#7b5bd8";
+    readonly fgDisabled: "#a7a7ac";
+    readonly bgDisabled: "#f1f2f6";
+    readonly successFg: "#1f7a3d";
+    readonly successBg: "#eaf6ee";
+    readonly successLine: "#c5e5cf";
+    readonly warningFg: "#8a4606";
+    readonly warningBg: "#fff3e5";
+    readonly warningLine: "#f5d5a8";
+    readonly dangerFg: "#c43838";
+    readonly dangerBg: "#fbeaea";
+    readonly dangerLine: "#ecc5c5";
+    readonly fgOnAccent: "#ffffff";
+    readonly fgOnPro: "#ffffff";
+};
+declare const typography: {
+    readonly family: {
+        readonly display: "\"Plus Jakarta Sans\", -apple-system, system-ui, sans-serif";
+        readonly body: "\"Plus Jakarta Sans\", -apple-system, system-ui, sans-serif";
+        readonly mono: "\"Plus Jakarta Sans\", -apple-system, system-ui, sans-serif";
+    };
+    readonly weight: {
+        readonly regular: 400;
+        readonly medium: 500;
+        readonly semibold: 600;
+        readonly bold: 700;
+    };
+    readonly ease: "cubic-bezier(0.25, 1, 0.5, 1)";
+};
+declare const radii: {
+    readonly btn: "7px";
+    readonly input: "7px";
+    readonly pill: "6px";
+    readonly card: "12px";
+    readonly icon: "4px";
+    readonly full: "9999px";
+};
+declare const shadows: {
+    readonly quiet: "0 1px 1px rgba(16, 20, 36, 0.03), 0 1px 3px rgba(16, 20, 36, 0.05)";
+    readonly card: "0 1px 2px rgba(16, 20, 36, 0.04), 0 2px 4px -2px rgba(16, 20, 36, 0.04), 0 8px 16px -6px rgba(16, 20, 36, 0.08)";
+    readonly pop: "0 0 0 1px rgba(16, 20, 36, 0.04), 0 2px 4px -1px rgba(16, 20, 36, 0.05), 0 6px 12px -3px rgba(16, 20, 36, 0.07), 0 16px 32px -8px rgba(16, 20, 36, 0.12)";
+    readonly focusRing: "0 0 0 2px #ffffff, 0 0 0 4px #6c42f8";
+};
+declare const overlays: {
+    readonly hover: "rgba(16, 20, 36, 0.04)";
+    readonly active: "rgba(16, 20, 36, 0.07)";
+};
+declare const layout: {
+    readonly shellSidebarWidth: "200px";
+    readonly shellHeaderHeight: "56px";
+    readonly contentPad: "32px";
+};
+/**
+ * Spacing — 4px base scale. Components mostly use arbitrary values;
+ * this scale is exposed for programmatic access (e.g. design-tool sync).
+ */
+declare const spacing: {
+    readonly unit: "4px";
+    readonly 4: "4px";
+    readonly 8: "8px";
+    readonly 12: "12px";
+    readonly 16: "16px";
+    readonly 20: "20px";
+    readonly 24: "24px";
+    readonly 28: "28px";
+    readonly 32: "32px";
+    readonly 36: "36px";
+    readonly 40: "40px";
+    readonly 64: "64px";
+    readonly 80: "80px";
+    readonly 180: "180px";
+};
+/**
+ * Surface palette — the four canonical layers. Mirrors --color-bg / -2 /
+ * --color-surface / --color-surface-2.
+ */
+declare const surfaces: {
+    readonly bg: "#f7f8fa";
+    readonly bg2: "#f1f3f8";
+    readonly surface: "#ffffff";
+    readonly surface2: "#f7f8fc";
+};
+declare const motion: {
+    readonly ease: {
+        readonly outQuart: "cubic-bezier(0.25, 1, 0.5, 1)";
+        readonly out: "cubic-bezier(0.16, 1, 0.3, 1)";
+        readonly in: "cubic-bezier(0.7, 0, 0.84, 0)";
+        readonly inOut: "cubic-bezier(0.65, 0, 0.35, 1)";
+    };
+    readonly duration: {
+        readonly instant: "100ms";
+        readonly fast: "150ms";
+        readonly normal: "250ms";
+        readonly slow: "400ms";
+    };
+};
+/**
+ * Icon boxes — the four sizes of target architecture §9.3. These are the boxes
+ * the library actually draws; `Icon`'s `size` prop maps onto them (W3-18).
+ */
+declare const iconSizes: {
+    readonly xs: "12px";
+    readonly sm: "14px";
+    readonly md: "16px";
+    readonly lg: "20px";
+};
+/**
+ * Global stacking layers — target architecture §21. Use them only for
+ * portalled surfaces and page chrome; anything else creates a local stacking
+ * context and uses small local integers.
+ *
+ * `popover` is the layer the CSS still spells `--z-dropdown`; the legacy name
+ * keeps working and resolves to the same value.
+ */
+declare const zIndex: {
+    readonly base: 0;
+    readonly sticky: 100;
+    readonly overlay: 200;
+    readonly modal: 300;
+    readonly popover: 400;
+    readonly toast: 500;
+    readonly tooltip: 600;
+};
+/**
+ * Breakpoints — Tailwind's defaults, restated so a media query built in JS
+ * (`useBreakpoint`, a chart's responsive config) reads the same numbers the
+ * `sm:`…`2xl:` variants do.
+ */
+declare const breakpoints: {
+    readonly sm: "40rem";
+    readonly md: "48rem";
+    readonly lg: "64rem";
+    readonly xl: "80rem";
+    readonly "2xl": "96rem";
+};
+declare const reference: {
+    readonly colors: {
+        readonly bg: "#f7f8fa";
+        readonly bg2: "#f1f3f8";
+        readonly bg3: "#e7eaf1";
+        readonly surface: "#ffffff";
+        readonly surface2: "#f7f8fc";
+        readonly fg: "#0a0a0a";
+        readonly fg2: "#38383b";
+        readonly fg3: "#5f5f64";
+        readonly fg4: "#6b6b70";
+        readonly fg5: "#9a9aa0";
+        readonly rule: "#e4e7ef";
+        readonly ruleSoft: "#eef0f5";
+        readonly ruleStrong: "#d3d8e3";
+        readonly accent: "#6c42f8";
+        readonly accent2: "#5127e8";
+        readonly accentTint: "#efeaff";
+        readonly accentHover: "#5e35f2";
+        readonly accentActive: "#5127e8";
+        readonly proBg: "#f4f1ff";
+        readonly proBgHover: "#eee9ff";
+        readonly proBgActive: "#e4ddff";
+        readonly proFg: "#6c42f8";
+        readonly proHover: "#5e35f2";
+        readonly proActive: "#5127e8";
+        readonly proDisabled: "#b7a7f3";
+        readonly proLine: "#7b5bd8";
+        readonly fgDisabled: "#a7a7ac";
+        readonly bgDisabled: "#f1f2f6";
+        readonly successFg: "#1f7a3d";
+        readonly successBg: "#eaf6ee";
+        readonly successLine: "#c5e5cf";
+        readonly warningFg: "#8a4606";
+        readonly warningBg: "#fff3e5";
+        readonly warningLine: "#f5d5a8";
+        readonly dangerFg: "#c43838";
+        readonly dangerBg: "#fbeaea";
+        readonly dangerLine: "#ecc5c5";
+        readonly fgOnAccent: "#ffffff";
+        readonly fgOnPro: "#ffffff";
+    };
+    readonly typography: {
+        readonly family: {
+            readonly display: "\"Plus Jakarta Sans\", -apple-system, system-ui, sans-serif";
+            readonly body: "\"Plus Jakarta Sans\", -apple-system, system-ui, sans-serif";
+            readonly mono: "\"Plus Jakarta Sans\", -apple-system, system-ui, sans-serif";
+        };
+        readonly weight: {
+            readonly regular: 400;
+            readonly medium: 500;
+            readonly semibold: 600;
+            readonly bold: 700;
+        };
+        readonly ease: "cubic-bezier(0.25, 1, 0.5, 1)";
+    };
+    readonly radii: {
+        readonly btn: "7px";
+        readonly input: "7px";
+        readonly pill: "6px";
+        readonly card: "12px";
+        readonly icon: "4px";
+        readonly full: "9999px";
+    };
+    readonly shadows: {
+        readonly quiet: "0 1px 1px rgba(16, 20, 36, 0.03), 0 1px 3px rgba(16, 20, 36, 0.05)";
+        readonly card: "0 1px 2px rgba(16, 20, 36, 0.04), 0 2px 4px -2px rgba(16, 20, 36, 0.04), 0 8px 16px -6px rgba(16, 20, 36, 0.08)";
+        readonly pop: "0 0 0 1px rgba(16, 20, 36, 0.04), 0 2px 4px -1px rgba(16, 20, 36, 0.05), 0 6px 12px -3px rgba(16, 20, 36, 0.07), 0 16px 32px -8px rgba(16, 20, 36, 0.12)";
+        readonly focusRing: "0 0 0 2px #ffffff, 0 0 0 4px #6c42f8";
+    };
+    readonly overlays: {
+        readonly hover: "rgba(16, 20, 36, 0.04)";
+        readonly active: "rgba(16, 20, 36, 0.07)";
+    };
+    readonly layout: {
+        readonly shellSidebarWidth: "200px";
+        readonly shellHeaderHeight: "56px";
+        readonly contentPad: "32px";
+    };
+    readonly motion: {
+        readonly ease: {
+            readonly outQuart: "cubic-bezier(0.25, 1, 0.5, 1)";
+            readonly out: "cubic-bezier(0.16, 1, 0.3, 1)";
+            readonly in: "cubic-bezier(0.7, 0, 0.84, 0)";
+            readonly inOut: "cubic-bezier(0.65, 0, 0.35, 1)";
+        };
+        readonly duration: {
+            readonly instant: "100ms";
+            readonly fast: "150ms";
+            readonly normal: "250ms";
+            readonly slow: "400ms";
+        };
+    };
+    readonly spacing: {
+        readonly unit: "4px";
+        readonly 4: "4px";
+        readonly 8: "8px";
+        readonly 12: "12px";
+        readonly 16: "16px";
+        readonly 20: "20px";
+        readonly 24: "24px";
+        readonly 28: "28px";
+        readonly 32: "32px";
+        readonly 36: "36px";
+        readonly 40: "40px";
+        readonly 64: "64px";
+        readonly 80: "80px";
+        readonly 180: "180px";
+    };
+    readonly surfaces: {
+        readonly bg: "#f7f8fa";
+        readonly bg2: "#f1f3f8";
+        readonly surface: "#ffffff";
+        readonly surface2: "#f7f8fc";
+    };
+    readonly iconSizes: {
+        readonly xs: "12px";
+        readonly sm: "14px";
+        readonly md: "16px";
+        readonly lg: "20px";
+    };
+    readonly zIndex: {
+        readonly base: 0;
+        readonly sticky: 100;
+        readonly overlay: 200;
+        readonly modal: 300;
+        readonly popover: 400;
+        readonly toast: 500;
+        readonly tooltip: 600;
+    };
+    readonly breakpoints: {
+        readonly sm: "40rem";
+        readonly md: "48rem";
+        readonly lg: "64rem";
+        readonly xl: "80rem";
+        readonly "2xl": "96rem";
+    };
+};
+type ReferenceTokens = typeof reference;
+type ColorName = keyof typeof colors;
+
+export { type ColorName as C, type ReferenceTokens as R, reference as a, breakpoints as b, colors as c, spacing as d, surfaces as e, iconSizes as i, layout as l, motion as m, overlays as o, radii as r, shadows as s, typography as t, zIndex as z };