@assure-one/design-system 0.16.0 → 1.0.0

package/dist/index.d.ts

@@ -108,7 +108,7 @@ declare const Badge: React$1.ForwardRefExoticComponent<BadgeProps & React$1.RefA
 
 /**
  * Blockquote — semantic quote with optional attribution. Uses `font-display`
- * (Geist) at a comfortable reading scale; smart quotes are wrapped automatically.
+ * (Inter) at a comfortable reading scale; smart quotes are wrapped automatically.
  */
 interface BlockquoteProps extends React.BlockquoteHTMLAttributes<HTMLQuoteElement> {
     author?: string;
@@ -227,6 +227,8 @@ interface CheckboxProps extends Omit<React$1.ComponentPropsWithoutRef<typeof Che
     defaultChecked?: boolean | "indeterminate";
     /** Convenience: render with indeterminate state. Mirrors legacy prop. */
     indeterminate?: boolean;
+    /** Box shape. Defaults to "square". */
+    shape?: "square" | "circle";
 }
 declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<HTMLButtonElement>>;
 
@@ -287,11 +289,17 @@ interface CommandPaletteProps {
 declare function CommandPalette({ items, open: controlledOpen, onOpenChange, placeholder, }: CommandPaletteProps): react_jsx_runtime.JSX.Element;
 
 interface ConfirmActionButtonProps {
-    /** Element rendered as the dialog trigger via `<AlertDialogTrigger asChild>`. */
-    trigger: React$1.ReactNode;
+    /** Element rendered as the dialog trigger via `<AlertDialogTrigger asChild>`.
+     *  Optional: omit it when the dialog is driven entirely by `open` /
+     *  `onOpenChange` (e.g. a menu item hoists the dialog out of a closing
+     *  DropdownMenu). With no trigger, nothing renders until `open` is set. */
+    trigger?: React$1.ReactNode;
     title: React$1.ReactNode;
     description?: React$1.ReactNode;
     confirmLabel?: React$1.ReactNode;
+    /** Shown on the confirm button while `onConfirm` is awaiting. Falls back to
+     *  `confirmLabel` when omitted, so existing callers are unaffected. */
+    pendingLabel?: React$1.ReactNode;
     cancelLabel?: React$1.ReactNode;
     /** Awaited; dialog closes after resolve, stays open on reject. */
     onConfirm: () => void | Promise<void>;
@@ -307,7 +315,7 @@ interface ConfirmActionButtonProps {
     /** Called when the dialog requests an open-state change. */
     onOpenChange?: (open: boolean) => void;
 }
-declare function ConfirmActionButton({ trigger, title, description, confirmLabel, cancelLabel, onConfirm, destructive, contentClassName, open, defaultOpen, onOpenChange, }: ConfirmActionButtonProps): react_jsx_runtime.JSX.Element;
+declare function ConfirmActionButton({ trigger, title, description, confirmLabel, pendingLabel, cancelLabel, onConfirm, destructive, contentClassName, open, defaultOpen, onOpenChange, }: ConfirmActionButtonProps): react_jsx_runtime.JSX.Element;
 
 declare const ContextMenu: React$1.FC<ContextMenuPrimitive.ContextMenuProps>;
 declare const ContextMenuTrigger: React$1.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React$1.RefAttributes<HTMLSpanElement>>;
@@ -508,7 +516,7 @@ declare const DropdownMenuShortcut: {
 };
 
 /**
- * EmptyState — display headline (Geist), fg-3 description, neutral icon halo on bg-2.
+ * EmptyState — display headline (Inter), fg-3 description, neutral icon halo on bg-2.
  *
  * Public API preserved: `icon`, `title`, `description`, `action`.
  */
@@ -847,7 +855,7 @@ declare const LoadingRows: React$1.ForwardRefExoticComponent<LoadingRowsProps &
 
 /**
  * Logo — Assure suite wordmark. Renders "Assure" in `fg` plus an optional
- * product suffix in `pro-fg` (e.g., "Pro", "Tax"), set in Geist (font-display).
+ * product suffix in `pro-fg` (e.g., "Pro", "Tax"), set in Inter (font-display).
  *
  * The product suffix is configurable so the same component serves every
  * Assure product. The default preserves the original "Assure Pro" output —
@@ -1161,15 +1169,23 @@ interface SearchSelectProps {
      */
     onCreateNew?: () => void;
     createNewLabel?: string;
+    /**
+     * How the collapsed single-value display renders the picked option's
+     * `description`. "inline" (default) appends it as muted "· text" after the
+     * label — the existing behaviour. "pill" renders it as a discrete rounded
+     * badge after the label, so dense metadata (e.g. "1040 · 2025", "todo")
+     * reads as a tag instead of running into the label. Single-mode only.
+     */
+    descriptionVariant?: "inline" | "pill";
 }
-declare function SearchSelect({ options, selected: selectedProp, onSelect: onSelectProp, onRemove: onRemoveProp, value, onValueChange, onCreate, placeholder, className, disabled, groupFilter, pinnedGroups, closeOnSelect: closeOnSelectProp, showGroupCounts, onCreateNew, createNewLabel, }: SearchSelectProps): react_jsx_runtime.JSX.Element;
+declare function SearchSelect({ options, selected: selectedProp, onSelect: onSelectProp, onRemove: onRemoveProp, value, onValueChange, onCreate, placeholder, className, disabled, groupFilter, pinnedGroups, closeOnSelect: closeOnSelectProp, showGroupCounts, onCreateNew, createNewLabel, descriptionVariant, }: SearchSelectProps): react_jsx_runtime.JSX.Element;
 declare namespace SearchSelect {
     var displayName: string;
 }
 
 /**
  * SectionHeader — title + description block for marketing-style sections.
- * Uses Geist (`font-display`) with the spec's `-0.022em` letterspacing.
+ * Uses Inter (`font-display`) with the spec's `-0.022em` letterspacing.
  */
 interface SectionHeaderProps {
     title: string;
@@ -1409,7 +1425,7 @@ declare const StarRating: React$1.ForwardRefExoticComponent<StarRatingProps & Re
 
 /**
  * Stat — paired numeric display + caption (the StatNum primitive).
- * Numerals are set in `font-display` (Geist) at a fluid clamp size with
+ * Numerals are set in `font-display` (Inter) at a fluid clamp size with
  * `font-variant-numeric: tabular-nums` for vertical alignment.
  */
 interface StatProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -1680,6 +1696,16 @@ interface SidebarProps extends React$1.HTMLAttributes<HTMLElement> {
      * `collapsible` alone is a no-op.
      */
     collapsible?: boolean;
+    /**
+     * Visual treatment.
+     *   - `"classic"` (default) — full-height column flush to the left
+     *     edge with a right rule. The legacy look; unchanged.
+     *   - `"floating"` — a detached, rounded card inset from the viewport
+     *     with a soft shadow (modern SaaS pattern). Nav rows get larger
+     *     hit areas and a pill active state. Exposed as `data-variant` so
+     *     descendant atoms restyle via `group-data-[variant=floating]`.
+     */
+    variant?: "classic" | "floating";
 }
 declare const Sidebar: React$1.ForwardRefExoticComponent<SidebarProps & React$1.RefAttributes<HTMLElement>>;
 interface SidebarTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
@@ -1946,7 +1972,7 @@ interface PageHeaderProps extends Omit<React.HTMLAttributes<HTMLElement>, "title
 declare const PageHeader: React$1.ForwardRefExoticComponent<PageHeaderProps & React$1.RefAttributes<HTMLElement>>;
 type PageHeaderSpecProps = React.HTMLAttributes<HTMLSpanElement>;
 /**
- * PageHeaderSpec — small `.spec`-style span (Geist Mono w/ tnum/lnum/ss01).
+ * PageHeaderSpec — small `.spec`-style span (Inter w/ tnum/lnum/ss01).
  * Used inside the `meta` slot for numeric facts ("4 due today",
  * "EIN ·· 12-3456789").
  */
@@ -2162,7 +2188,7 @@ declare const DataTableCell: React$1.ForwardRefExoticComponent<DataTableCellProp
  */
 declare const DataTableCellName: React$1.ForwardRefExoticComponent<DataTableCellProps & React$1.RefAttributes<HTMLTableCellElement>>;
 /**
- * DataTableCellMono — currency / IDs / numerics. Geist Mono with
+ * DataTableCellMono — currency / IDs / numerics. Inter with
  * tabular numerals and tight tracking.
  */
 declare const DataTableCellMono: React$1.ForwardRefExoticComponent<DataTableCellProps & React$1.RefAttributes<HTMLTableCellElement>>;
@@ -2617,7 +2643,18 @@ interface UseStopwatchReturn {
     reset: () => void;
 }
 declare function useStopwatch(): UseStopwatchReturn;
-type TimeLoggerProps = React$1.HTMLAttributes<HTMLDivElement>;
+interface TimeLoggerProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Layout direction.
+     *   - `"vertical"` (default) — the stacked panel; rows separated by top
+     *     rules. For popovers and side panels.
+     *   - `"horizontal"` — a single compact bar; segments sit side by side,
+     *     separated by left rules. For an app top/bottom bar. Exposed as
+     *     `data-orientation` so segment atoms flip their divider via
+     *     `group-data-[orientation=horizontal]/timelogger`.
+     */
+    orientation?: "vertical" | "horizontal";
+}
 declare const TimeLogger: React$1.ForwardRefExoticComponent<TimeLoggerProps & React$1.RefAttributes<HTMLDivElement>>;
 interface TimeLoggerHeaderProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "title"> {
     title?: React$1.ReactNode;