@devalok/shilp-sutra 0.44.0 → 0.45.0

package/dist/ui/table.d.ts

@@ -1,14 +1,58 @@
 import * as React from "react";
-declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
+/** Row density — sets --table-py, which header and body cells both read. */
+type TableDensity = 'compact' | 'standard' | 'comfortable';
+export interface TableCellBaseProps {
+    /**
+     * Quantitative column: right-aligns and uses tabular figures so digits line up.
+     * Keep decimal places consistent per column; identifier-numbers (dates, phones,
+     * IDs) stay left-aligned — they're names, not quantities.
+     */
+    numeric?: boolean;
+}
+export interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
+    /** Row density — vertical cell padding for header + body. @default 'standard' */
+    density?: TableDensity;
+    /**
+     * Zebra striping (even body rows get the faintest surface step). Opt-in only —
+     * for very wide/dense tables; hairline separators are the default row cue.
+     */
+    striped?: boolean;
+}
+declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
 declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
 declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
 declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
 declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
-declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
-declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & TableCellBaseProps & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & TableCellBaseProps & React.RefAttributes<HTMLTableCellElement>>;
+export interface TableRowActionsProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Always show the actions instead of revealing on row hover/focus. Use for
+     * tables where actions must be permanently discoverable (the GitLab stance),
+     * or when the row has few columns and the density win doesn't matter.
+     */
+    persist?: boolean;
+}
+/**
+ * Right-aligned action cluster for a table row, revealed on row hover — and,
+ * critically, on keyboard focus: the buttons stay in the tab order permanently
+ * (opacity reveal, never display:none) and appear the moment focus enters the
+ * row (WCAG 1.4.13). On touch devices (no hover) they are always visible.
+ *
+ * Give the actions column a visually-hidden header: `<TableHead><span className="sr-only">Actions</span></TableHead>`.
+ *
+ * @example
+ * <TableCell>
+ *   <TableRowActions>
+ *     <IconButton size="xs" variant="ghost" aria-label={`Download ${name}`} icon={<IconDownload />} />
+ *     <IconButton size="xs" variant="ghost" aria-label={`Delete ${name}`} icon={<IconTrash />} />
+ *   </TableRowActions>
+ * </TableCell>
+ */
+declare const TableRowActions: React.ForwardRefExoticComponent<TableRowActionsProps & React.RefAttributes<HTMLDivElement>>;
 declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
-export type TableProps = React.HTMLAttributes<HTMLTableElement>;
 export type TableRowProps = React.HTMLAttributes<HTMLTableRowElement>;
 export type TableCellProps = React.TdHTMLAttributes<HTMLTableCellElement>;
-export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, };
+export type { TableDensity };
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableRowActions, };
 //# sourceMappingURL=table.d.ts.map

package/dist/ui/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/ui/table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,KAAK,iHAWT,CAAA;AAGF,QAAA,MAAM,WAAW,+HAKf,CAAA;AAGF,QAAA,MAAM,SAAS,+HASb,CAAA;AAGF,QAAA,MAAM,WAAW,+HAYf,CAAA;AAGF,QAAA,MAAM,QAAQ,uHAYZ,CAAA;AAGF,QAAA,MAAM,SAAS,2HAab,CAAA;AAGF,QAAA,MAAM,SAAS,2HAYb,CAAA;AAGF,QAAA,MAAM,YAAY,+HAShB,CAAA;AAGF,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAA;AAC/D,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAA;AACrE,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAA;AAEzE,OAAO,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,SAAS,EACT,WAAW,EACX,SAAS,EACT,WAAW,EACX,QAAQ,GACT,CAAA"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/ui/table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,4EAA4E;AAC5E,KAAK,YAAY,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa,CAAA;AAa1D,MAAM,WAAW,kBAAkB;IACjC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACxE,iFAAiF;IACjF,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,KAAK,qFAiBV,CAAA;AAGD,QAAA,MAAM,WAAW,+HAKf,CAAA;AAGF,QAAA,MAAM,SAAS,+HASb,CAAA;AAGF,QAAA,MAAM,WAAW,+HAef,CAAA;AAGF,QAAA,MAAM,QAAQ,uHAoBZ,CAAA;AAGF,QAAA,MAAM,SAAS,gJAgBb,CAAA;AAGF,QAAA,MAAM,SAAS,gJAab,CAAA;AAGF,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,eAAe,6FAcpB,CAAA;AAGD,QAAA,MAAM,YAAY,+HAShB,CAAA;AAGF,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAA;AACrE,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAA;AACzE,YAAY,EAAE,YAAY,EAAE,CAAA;AAE5B,OAAO,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,SAAS,EACT,WAAW,EACX,SAAS,EACT,WAAW,EACX,QAAQ,EACR,eAAe,GAChB,CAAA"}

package/dist/ui/table.js

@@ -2,57 +2,67 @@ import { cn as e } from "./lib/utils.js";
 import * as t from "react";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/ui/table.tsx
-var r = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
+var r = {
+	compact: "[--table-py:var(--spacing-ds-02)]",
+	standard: "[--table-py:var(--spacing-ds-03)]",
+	comfortable: "[--table-py:var(--spacing-ds-04)]"
+}, i = t.forwardRef(({ className: t, density: i = "standard", striped: a, ...o }, s) => /* @__PURE__ */ n("div", {
 	className: "relative w-full overflow-auto",
 	children: /* @__PURE__ */ n("table", {
-		ref: i,
-		className: e("w-full caption-bottom text-ds-md", t),
-		...r
+		ref: s,
+		className: e("w-full caption-bottom text-ds-md overflow-x-clip [--table-edge:var(--card-spacing,var(--spacing-ds-04))]", r[i], a && "[&_tbody_tr:nth-child(even)]:bg-surface-base", t),
+		...o
 	})
 }));
-r.displayName = "Table";
-var i = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("thead", {
+i.displayName = "Table";
+var a = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("thead", {
 	ref: i,
-	className: e("", t),
+	className: e("[&_tr]:border-b [&_tr]:border-surface-border-subtle", t),
 	...r
 }));
-i.displayName = "TableHeader";
-var a = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("tbody", {
+a.displayName = "TableHeader";
+var o = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("tbody", {
 	ref: i,
 	className: e("[&_tr:last-child]:border-0", t),
 	...r
 }));
-a.displayName = "TableBody";
-var o = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("tfoot", {
+o.displayName = "TableBody";
+var s = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("tfoot", {
 	ref: i,
-	className: e("bg-[color-mix(in_srgb,var(--color-surface-raised)_50%,transparent)] font-medium [&>tr]:last:border-b-0", t),
+	className: e("border-t border-surface-border-subtle bg-surface-base font-medium [&>tr]:last:border-b-0", t),
 	...r
 }));
-o.displayName = "TableFooter";
-var s = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("tr", {
+s.displayName = "TableFooter";
+var c = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("tr", {
 	ref: i,
-	className: e("transition-colors hover:bg-surface-raised data-[state=selected]:bg-accent-3", t),
+	className: e("group/row border-b border-surface-border-subtle transition-colors hover:bg-surface-raised-hover data-[state=selected]:bg-accent-3 data-[state=selected]:hover:bg-accent-4", "has-[[data-slot=row-link]:focus-visible]:outline-2 has-[[data-slot=row-link]:focus-visible]:outline-accent-9 has-[[data-slot=row-link]:focus-visible]:-outline-offset-2", t),
 	...r
 }));
-s.displayName = "TableRow";
-var c = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("th", {
-	ref: i,
+c.displayName = "TableRow";
+var l = t.forwardRef(({ className: t, numeric: r, ...i }, a) => /* @__PURE__ */ n("th", {
+	ref: a,
 	scope: "col",
-	className: e("h-ds-md px-ds-03 text-left font-medium text-surface-fg-muted [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", t),
-	...r
+	className: e("py-(--table-py) px-ds-04 first:pl-(--table-edge) last:pr-(--table-edge) text-left align-middle text-ds-sm font-medium text-surface-fg-muted [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", r && "text-right", t),
+	...i
 }));
-c.displayName = "TableHead";
-var l = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("td", {
-	ref: i,
-	className: e("py-ds-03 px-ds-03 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", t),
-	...r
+l.displayName = "TableHead";
+var u = t.forwardRef(({ className: t, numeric: r, ...i }, a) => /* @__PURE__ */ n("td", {
+	ref: a,
+	className: e("py-(--table-py) px-ds-04 first:pl-(--table-edge) last:pr-(--table-edge) align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", r && "text-right tabular-nums", t),
+	...i
+}));
+u.displayName = "TableCell";
+var d = t.forwardRef(({ className: t, persist: r, ...i }, a) => /* @__PURE__ */ n("div", {
+	ref: a,
+	className: e("flex items-center justify-end gap-ds-01 transition-opacity duration-fast-01 ease-productive-standard", r ? "opacity-100" : "opacity-0 group-hover/row:opacity-100 group-focus-within/row:opacity-100 pointer-coarse:opacity-100", t),
+	...i
 }));
-l.displayName = "TableCell";
-var u = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("caption", {
+d.displayName = "TableRowActions";
+var f = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("caption", {
 	ref: i,
 	className: e("mt-ds-05 text-ds-md text-surface-fg-muted", t),
 	...r
 }));
-u.displayName = "TableCaption";
+f.displayName = "TableCaption";
 //#endregion
-export { r as Table, a as TableBody, u as TableCaption, l as TableCell, o as TableFooter, c as TableHead, i as TableHeader, s as TableRow };
+export { i as Table, o as TableBody, f as TableCaption, u as TableCell, s as TableFooter, l as TableHead, a as TableHeader, c as TableRow, d as TableRowActions };

package/dist/ui/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","names":[],"sources":["../../src/ui/table.tsx"],"sourcesContent":["// @server-safe\nimport * as React from \"react\"\n\nimport { cn } from \"./lib/utils\"\n\nconst Table = React.forwardRef<\n  HTMLTableElement,\n  React.HTMLAttributes<HTMLTableElement>\n>(({ className, ...props }, ref) => (\n  <div className=\"relative w-full overflow-auto\">\n    <table\n      ref={ref}\n      className={cn(\"w-full caption-bottom text-ds-md\", className)}\n      {...props}\n    />\n  </div>\n))\nTable.displayName = \"Table\"\n\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead ref={ref} className={cn(\"\", className)} {...props} />\n))\nTableHeader.displayName = \"TableHeader\"\n\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tbody\n    ref={ref}\n    className={cn(\"[&_tr:last-child]:border-0\", className)}\n    {...props}\n  />\n))\nTableBody.displayName = \"TableBody\"\n\nconst TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tfoot\n    ref={ref}\n    className={cn(\n      \"bg-[color-mix(in_srgb,var(--color-surface-raised)_50%,transparent)] font-medium [&>tr]:last:border-b-0\",\n      className\n    )}\n    {...props}\n  />\n))\nTableFooter.displayName = \"TableFooter\"\n\nconst TableRow = React.forwardRef<\n  HTMLTableRowElement,\n  React.HTMLAttributes<HTMLTableRowElement>\n>(({ className, ...props }, ref) => (\n  <tr\n    ref={ref}\n    className={cn(\n      \"transition-colors hover:bg-surface-raised data-[state=selected]:bg-accent-3\",\n      className\n    )}\n    {...props}\n  />\n))\nTableRow.displayName = \"TableRow\"\n\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <th\n    ref={ref}\n    scope=\"col\"\n    className={cn(\n      \"h-ds-md px-ds-03 text-left font-medium text-surface-fg-muted [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n      className\n    )}\n    {...props}\n  />\n))\nTableHead.displayName = \"TableHead\"\n\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <td\n    ref={ref}\n    className={cn(\n      \"py-ds-03 px-ds-03 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n      className\n    )}\n    {...props}\n  />\n))\nTableCell.displayName = \"TableCell\"\n\nconst TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n  <caption\n    ref={ref}\n    className={cn(\"mt-ds-05 text-ds-md text-surface-fg-muted\", className)}\n    {...props}\n  />\n))\nTableCaption.displayName = \"TableCaption\"\n\nexport type TableProps = React.HTMLAttributes<HTMLTableElement>\nexport type TableRowProps = React.HTMLAttributes<HTMLTableRowElement>\nexport type TableCellProps = React.TdHTMLAttributes<HTMLTableCellElement>\n\nexport {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow,\n}\n"],"mappings":";;;;AAKA,IAAM,IAAQ,EAAM,YAGjB,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAC,OAAD;CAAK,WAAU;WACb,kBAAC,SAAD;EACO;EACL,WAAW,EAAG,oCAAoC,EAAU;EAC5D,GAAI;EACJ,CAAA;CACE,CAAA,CACN;AACF,EAAM,cAAc;AAEpB,IAAM,IAAc,EAAM,YAGvB,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAC,SAAD;CAAY;CAAK,WAAW,EAAG,IAAI,EAAU;CAAE,GAAI;CAAS,CAAA,CAC5D;AACF,EAAY,cAAc;AAE1B,IAAM,IAAY,EAAM,YAGrB,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAC,SAAD;CACO;CACL,WAAW,EAAG,8BAA8B,EAAU;CACtD,GAAI;CACJ,CAAA,CACF;AACF,EAAU,cAAc;AAExB,IAAM,IAAc,EAAM,YAGvB,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAC,SAAD;CACO;CACL,WAAW,EACT,0GACA,EACD;CACD,GAAI;CACJ,CAAA,CACF;AACF,EAAY,cAAc;AAE1B,IAAM,IAAW,EAAM,YAGpB,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAC,MAAD;CACO;CACL,WAAW,EACT,+EACA,EACD;CACD,GAAI;CACJ,CAAA,CACF;AACF,EAAS,cAAc;AAEvB,IAAM,IAAY,EAAM,YAGrB,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAC,MAAD;CACO;CACL,OAAM;CACN,WAAW,EACT,oIACA,EACD;CACD,GAAI;CACJ,CAAA,CACF;AACF,EAAU,cAAc;AAExB,IAAM,IAAY,EAAM,YAGrB,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAC,MAAD;CACO;CACL,WAAW,EACT,yFACA,EACD;CACD,GAAI;CACJ,CAAA,CACF;AACF,EAAU,cAAc;AAExB,IAAM,IAAe,EAAM,YAGxB,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAC,WAAD;CACO;CACL,WAAW,EAAG,6CAA6C,EAAU;CACrE,GAAI;CACJ,CAAA,CACF;AACF,EAAa,cAAc"}
+{"version":3,"file":"table.js","names":[],"sources":["../../src/ui/table.tsx"],"sourcesContent":["// @server-safe\nimport * as React from \"react\"\n\nimport { cn } from \"./lib/utils\"\n\n/** Row density — sets --table-py, which header and body cells both read. */\ntype TableDensity = 'compact' | 'standard' | 'comfortable'\n\n// One variable pair drives the table's spacing (same pattern as Card):\n// --table-py    vertical cell padding per density (4 / 8 / 12px → rows ≈ 29 / 37 / 45px)\n// --table-edge  first/last-cell inline padding — inherits --card-spacing when the table\n//               sits inside a Card, so edge columns align with the card's slots;\n//               falls back to ds-04 (12px) standalone.\nconst densityClasses: Record<TableDensity, string> = {\n  compact: '[--table-py:var(--spacing-ds-02)]',\n  standard: '[--table-py:var(--spacing-ds-03)]',\n  comfortable: '[--table-py:var(--spacing-ds-04)]',\n}\n\nexport interface TableCellBaseProps {\n  /**\n   * Quantitative column: right-aligns and uses tabular figures so digits line up.\n   * Keep decimal places consistent per column; identifier-numbers (dates, phones,\n   * IDs) stay left-aligned — they're names, not quantities.\n   */\n  numeric?: boolean\n}\n\nexport interface TableProps extends React.HTMLAttributes<HTMLTableElement> {\n  /** Row density — vertical cell padding for header + body. @default 'standard' */\n  density?: TableDensity\n  /**\n   * Zebra striping (even body rows get the faintest surface step). Opt-in only —\n   * for very wide/dense tables; hairline separators are the default row cue.\n   */\n  striped?: boolean\n}\n\nconst Table = React.forwardRef<HTMLTableElement, TableProps>(\n  ({ className, density = 'standard', striped, ...props }, ref) => (\n    <div className=\"relative w-full overflow-auto\">\n      <table\n        ref={ref}\n        className={cn(\n          // overflow-x-clip contains TableRowLink's 100vw stretch pseudo-element\n          // without creating a horizontal scrollbar (the wrapper owns scrolling).\n          \"w-full caption-bottom text-ds-md overflow-x-clip [--table-edge:var(--card-spacing,var(--spacing-ds-04))]\",\n          densityClasses[density],\n          striped && \"[&_tbody_tr:nth-child(even)]:bg-surface-base\",\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  ),\n)\nTable.displayName = \"Table\"\n\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead ref={ref} className={cn(\"[&_tr]:border-b [&_tr]:border-surface-border-subtle\", className)} {...props} />\n))\nTableHeader.displayName = \"TableHeader\"\n\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tbody\n    ref={ref}\n    className={cn(\"[&_tr:last-child]:border-0\", className)}\n    {...props}\n  />\n))\nTableBody.displayName = \"TableBody\"\n\nconst TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tfoot\n    ref={ref}\n    className={cn(\n      // surface-base band, not raised@50% — the footer must read against the\n      // card surface the table lives on (same mis-mapped shadcn muted/50 family\n      // as the row-hover bug).\n      \"border-t border-surface-border-subtle bg-surface-base font-medium [&>tr]:last:border-b-0\",\n      className\n    )}\n    {...props}\n  />\n))\nTableFooter.displayName = \"TableFooter\"\n\nconst TableRow = React.forwardRef<\n  HTMLTableRowElement,\n  React.HTMLAttributes<HTMLTableRowElement>\n>(({ className, ...props }, ref) => (\n  <tr\n    ref={ref}\n    className={cn(\n      // raised-hover, NOT raised — tables live on cards (surface-raised), so a\n      // surface-raised hover would be invisible (the 0.44-era port bug).\n      // selected+hover gets its own explicit step — without it the hover and\n      // selected classes tie on specificity and stylesheet order decides.\n      // `group/row` lets TableRowActions reveal on row hover/focus; the has-[]\n      // rule draws a row-level focus ring when a TableRowLink inside is\n      // keyboard-focused (the anchor itself suppresses its own ring).\n      \"group/row border-b border-surface-border-subtle transition-colors hover:bg-surface-raised-hover data-[state=selected]:bg-accent-3 data-[state=selected]:hover:bg-accent-4\",\n      \"has-[[data-slot=row-link]:focus-visible]:outline-2 has-[[data-slot=row-link]:focus-visible]:outline-accent-9 has-[[data-slot=row-link]:focus-visible]:-outline-offset-2\",\n      className,\n    )}\n    {...props}\n  />\n))\nTableRow.displayName = \"TableRow\"\n\nconst TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement> & TableCellBaseProps\n>(({ className, numeric, ...props }, ref) => (\n  <th\n    ref={ref}\n    scope=\"col\"\n    className={cn(\n      // Header is quieter than the data: one step smaller, medium, muted.\n      // Height tracks density via the same --table-py the body cells read.\n      \"py-(--table-py) px-ds-04 first:pl-(--table-edge) last:pr-(--table-edge) text-left align-middle text-ds-sm font-medium text-surface-fg-muted [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n      numeric && \"text-right\",\n      className,\n    )}\n    {...props}\n  />\n))\nTableHead.displayName = \"TableHead\"\n\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement> & TableCellBaseProps\n>(({ className, numeric, ...props }, ref) => (\n  <td\n    ref={ref}\n    className={cn(\n      \"py-(--table-py) px-ds-04 first:pl-(--table-edge) last:pr-(--table-edge) align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n      numeric && \"text-right tabular-nums\",\n      className,\n    )}\n    {...props}\n  />\n))\nTableCell.displayName = \"TableCell\"\n\nexport interface TableRowActionsProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Always show the actions instead of revealing on row hover/focus. Use for\n   * tables where actions must be permanently discoverable (the GitLab stance),\n   * or when the row has few columns and the density win doesn't matter.\n   */\n  persist?: boolean\n}\n\n/**\n * Right-aligned action cluster for a table row, revealed on row hover — and,\n * critically, on keyboard focus: the buttons stay in the tab order permanently\n * (opacity reveal, never display:none) and appear the moment focus enters the\n * row (WCAG 1.4.13). On touch devices (no hover) they are always visible.\n *\n * Give the actions column a visually-hidden header: `<TableHead><span className=\"sr-only\">Actions</span></TableHead>`.\n *\n * @example\n * <TableCell>\n *   <TableRowActions>\n *     <IconButton size=\"xs\" variant=\"ghost\" aria-label={`Download ${name}`} icon={<IconDownload />} />\n *     <IconButton size=\"xs\" variant=\"ghost\" aria-label={`Delete ${name}`} icon={<IconTrash />} />\n *   </TableRowActions>\n * </TableCell>\n */\nconst TableRowActions = React.forwardRef<HTMLDivElement, TableRowActionsProps>(\n  ({ className, persist, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex items-center justify-end gap-ds-01 transition-opacity duration-fast-01 ease-productive-standard\",\n        persist\n          ? \"opacity-100\"\n          : \"opacity-0 group-hover/row:opacity-100 group-focus-within/row:opacity-100 pointer-coarse:opacity-100\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n)\nTableRowActions.displayName = \"TableRowActions\"\n\nconst TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n  <caption\n    ref={ref}\n    className={cn(\"mt-ds-05 text-ds-md text-surface-fg-muted\", className)}\n    {...props}\n  />\n))\nTableCaption.displayName = \"TableCaption\"\n\nexport type TableRowProps = React.HTMLAttributes<HTMLTableRowElement>\nexport type TableCellProps = React.TdHTMLAttributes<HTMLTableCellElement>\nexport type { TableDensity }\n\nexport {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow,\n  TableRowActions,\n}\n"],"mappings":";;;;AAaA,IAAM,IAA+C;CACnD,SAAS;CACT,UAAU;CACV,aAAa;CACd,EAqBK,IAAQ,EAAM,YACjB,EAAE,cAAW,aAAU,YAAY,YAAS,GAAG,KAAS,MACvD,kBAAC,OAAD;CAAK,WAAU;WACb,kBAAC,SAAD;EACO;EACL,WAAW,EAGT,4GACA,EAAe,IACf,KAAW,gDACX,EACD;EACD,GAAI;EACJ,CAAA;CACE,CAAA,CAET;AACD,EAAM,cAAc;AAEpB,IAAM,IAAc,EAAM,YAGvB,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAC,SAAD;CAAY;CAAK,WAAW,EAAG,uDAAuD,EAAU;CAAE,GAAI;CAAS,CAAA,CAC/G;AACF,EAAY,cAAc;AAE1B,IAAM,IAAY,EAAM,YAGrB,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAC,SAAD;CACO;CACL,WAAW,EAAG,8BAA8B,EAAU;CACtD,GAAI;CACJ,CAAA,CACF;AACF,EAAU,cAAc;AAExB,IAAM,IAAc,EAAM,YAGvB,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAC,SAAD;CACO;CACL,WAAW,EAIT,4FACA,EACD;CACD,GAAI;CACJ,CAAA,CACF;AACF,EAAY,cAAc;AAE1B,IAAM,IAAW,EAAM,YAGpB,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAC,MAAD;CACO;CACL,WAAW,EAQT,6KACA,2KACA,EACD;CACD,GAAI;CACJ,CAAA,CACF;AACF,EAAS,cAAc;AAEvB,IAAM,IAAY,EAAM,YAGrB,EAAE,cAAW,YAAS,GAAG,KAAS,MACnC,kBAAC,MAAD;CACO;CACL,OAAM;CACN,WAAW,EAGT,mNACA,KAAW,cACX,EACD;CACD,GAAI;CACJ,CAAA,CACF;AACF,EAAU,cAAc;AAExB,IAAM,IAAY,EAAM,YAGrB,EAAE,cAAW,YAAS,GAAG,KAAS,MACnC,kBAAC,MAAD;CACO;CACL,WAAW,EACT,4JACA,KAAW,2BACX,EACD;CACD,GAAI;CACJ,CAAA,CACF;AACF,EAAU,cAAc;AA2BxB,IAAM,IAAkB,EAAM,YAC3B,EAAE,cAAW,YAAS,GAAG,KAAS,MACjC,kBAAC,OAAD;CACO;CACL,WAAW,EACT,wGACA,IACI,gBACA,uGACJ,EACD;CACD,GAAI;CACJ,CAAA,CAEL;AACD,EAAgB,cAAc;AAE9B,IAAM,IAAe,EAAM,YAGxB,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAC,WAAD;CACO;CACL,WAAW,EAAG,6CAA6C,EAAU;CACrE,GAAI;CACJ,CAAA,CACF;AACF,EAAa,cAAc"}

package/dist/ui/toast-types.d.ts

@@ -29,6 +29,11 @@ export interface ToastUploadOptions {
     files: UploadFile[];
     onRetry?: (fileId: string) => void;
     onRemove?: (fileId: string) => void;
+    /**
+     * Render the colored left accent bar. Off by default — status is carried by
+     * the icon and the status-colored timer bar. Opt in for the legacy rail look.
+     */
+    showAccent?: boolean;
 }
 export interface ToastOptions {
     id?: string;
@@ -37,6 +42,11 @@ export interface ToastOptions {
     action?: ToastActionOptions;
     cancel?: ToastActionOptions;
     duration?: number;
+    /**
+     * Render the colored left accent bar. Off by default — status is carried by
+     * the icon and the status-colored timer bar. Opt in for the legacy rail look.
+     */
+    showAccent?: boolean;
 }
 export type ToastType = 'success' | 'error' | 'warning' | 'info' | 'loading' | 'message';
 //# sourceMappingURL=toast-types.d.ts.map

package/dist/ui/toast-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast-types.d.ts","sourceRoot":"","sources":["../../src/ui/toast-types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAMnC,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,yBAAyB;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,mBAAmB;IACnB,MAAM,EAAE,SAAS,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,GAAG,OAAO,CAAA;IACrE,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAMD,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,6CAA6C;IAC7C,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CACpC;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA"}
+{"version":3,"file":"toast-types.d.ts","sourceRoot":"","sources":["../../src/ui/toast-types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAMnC,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,yBAAyB;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,mBAAmB;IACnB,MAAM,EAAE,SAAS,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,GAAG,OAAO,CAAA;IACrE,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAMD,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,6CAA6C;IAC7C,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA"}

package/dist/ui/toast.d.ts

@@ -7,7 +7,7 @@ declare function TimerBar({ duration, type, paused, }: {
     type: ToastType;
     paused: boolean;
 }): import("react/jsx-runtime").JSX.Element;
-declare function ToastContent({ type, title, description, action, cancel, duration, showTimerBar, selfDismissId, }: {
+declare function ToastContent({ type, title, description, action, cancel, duration, showTimerBar, showAccent, selfDismissId, }: {
     type: ToastType;
     title?: React.ReactNode;
     description?: React.ReactNode;
@@ -15,6 +15,8 @@ declare function ToastContent({ type, title, description, action, cancel, durati
     cancel?: ToastActionOptions;
     duration?: number;
     showTimerBar?: boolean;
+    /** Render the colored left accent bar. Off by default (status = icon + timer bar). */
+    showAccent?: boolean;
     /** When set, this component manages its own dismiss timer (hover-aware). */
     selfDismissId?: string | number;
 }): import("react/jsx-runtime").JSX.Element;
@@ -24,11 +26,13 @@ declare function UploadFileRow({ file, onRetry, onRemove, }: {
     onRetry?: (fileId: string) => void;
     onRemove?: (fileId: string) => void;
 }): import("react/jsx-runtime").JSX.Element;
-declare function UploadToastContent({ files, onRetry, onRemove, selfDismissId, }: {
+declare function UploadToastContent({ files, onRetry, onRemove, selfDismissId, showAccent, }: {
     files: UploadFile[];
     onRetry?: (fileId: string) => void;
     onRemove?: (fileId: string) => void;
     selfDismissId?: string | number;
+    /** Render the colored left accent bar. Off by default. */
+    showAccent?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 /**
  * Toast API — imperative toast notifications with Sonner rendering engine.

package/dist/ui/toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/ui/toast.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/ui/toast.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,aAAa,EAAuB,MAAM,QAAQ,CAAA;AAQhE,OAAO,KAAK,EACV,kBAAkB,EAClB,YAAY,EACZ,SAAS,EACT,gBAAgB,EAChB,kBAAkB,EAClB,UAAU,EACX,MAAM,eAAe,CAAA;AAiEtB,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,IAAI,EACJ,MAAM,GACP,EAAE;IACD,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,SAAS,CAAA;IACf,MAAM,EAAE,OAAO,CAAA;CAChB,2CAiBA;AAMD,iBAAS,YAAY,CAAC,EACpB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,MAAM,EACN,MAAM,EACN,QAA2B,EAC3B,YAAmB,EACnB,UAAkB,EAClB,aAAa,GACd,EAAE;IACD,IAAI,EAAE,SAAS,CAAA;IACf,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4EAA4E;IAC5E,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAChC,2CAqIA;AA4CD,iBAAS,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAO7C;AAED,iBAAS,aAAa,CAAC,EACrB,IAAI,EACJ,OAAO,EACP,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,UAAU,CAAA;IAChB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CACpC,2CAgIA;AAED,iBAAS,kBAAkB,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,aAAa,EACb,UAAkB,GACnB,EAAE;IACD,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC/B,0DAA0D;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,2CAoJA;AAyCD;;;;;;;;;;;;GAYG;AACH,iBAAS,KAAK,CAAC,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,YAAY,mBAEvE;kBAFQ,KAAK;2BAKH,MAAM,GAAG,KAAK,CAAC,SAAS,YACvB,YAAY;2BAMb,MAAM,GAAG,KAAK,CAAC,SAAS,YACvB,YAAY;yBAMb,MAAM,GAAG,KAAK,CAAC,SAAS,YACvB,YAAY;2BAMb,MAAM,GAAG,KAAK,CAAC,SAAS,YACvB,YAAY;wBAMb,MAAM,GAAG,KAAK,CAAC,SAAS,YACvB,YAAY;2BAMb,MAAM,GAAG,KAAK,CAAC,SAAS,YACvB,YAAY;kBAQP,CAAC,WACP,OAAO,CAAC,CAAC,CAAC,WACV;QACP,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;QACjC,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,CAAA;QAC3E,KAAK,EACD,MAAM,GACN,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,CAAA;KACnD;wBA6CoB,MAAM,GAAG,KAAK,CAAC,SAAS,WAAW,gBAAgB;0BAgBjD,kBAAkB;yBA0BjC,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,KAAK,CAAC,YAAY,YACzC,aAAa;uBASH,MAAM,GAAG,MAAM;;AAYrC,MAAM,MAAM,UAAU,GAAG,YAAY,CAAA;AAErC,OAAO,EACL,cAAc,EACd,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,aAAa,EACb,kBAAkB,GACnB,CAAA;AACD,YAAY,EACV,kBAAkB,EAClB,YAAY,EACZ,SAAS,EACT,gBAAgB,EAChB,kBAAkB,EAClB,UAAU,GACX,MAAM,eAAe,CAAA"}

package/dist/ui/toast.js

@@ -62,39 +62,39 @@ function O({ duration: e, type: t, paused: r }) {
 		})
 	});
 }
-function k({ type: a, title: o, description: u, action: d, cancel: f, duration: p = w, showTimerBar: m = !0, selfDismissId: h }) {
-	let [g, _] = s.useState(!1), [v, y] = s.useState(!1), b = g || v, T = D[a], E = T.icon, k = s.useRef(p), A = s.useRef(0);
+function k({ type: a, title: o, description: u, action: d, cancel: f, duration: p = w, showTimerBar: m = !0, showAccent: h = !1, selfDismissId: g }) {
+	let [_, v] = s.useState(!1), [y, b] = s.useState(!1), T = _ || y, E = D[a], k = E.icon, A = s.useRef(p), j = s.useRef(0);
 	s.useEffect(() => {
-		if (h == null || p === Infinity) return;
-		if (b) {
-			let e = Date.now() - A.current;
-			k.current = Math.max(0, k.current - e);
+		if (g == null || p === Infinity) return;
+		if (T) {
+			let e = Date.now() - j.current;
+			A.current = Math.max(0, A.current - e);
 			return;
 		}
-		A.current = Date.now();
+		j.current = Date.now();
 		let e = setTimeout(() => {
-			C.dismiss(h);
-		}, k.current);
+			C.dismiss(g);
+		}, A.current);
 		return () => clearTimeout(e);
 	}, [
-		h,
+		g,
 		p,
-		b
+		T
 	]);
-	let j = a === "error";
+	let M = a === "error";
 	return /* @__PURE__ */ l(S.div, {
 		layout: "position",
-		role: j ? "alert" : "status",
-		"aria-live": j ? "assertive" : "polite",
+		role: M ? "alert" : "status",
+		"aria-live": M ? "assertive" : "polite",
 		"aria-atomic": "true",
-		className: "group relative flex w-full overflow-hidden rounded-overlay-sm bg-surface-overlay shadow-floating",
-		onMouseEnter: () => _(!0),
-		onMouseLeave: () => _(!1),
-		onFocusCapture: () => y(!0),
-		onBlurCapture: () => y(!1),
+		className: n("group relative flex w-full overflow-hidden rounded-overlay-sm bg-surface-overlay shadow-floating", a === "error" && "bg-error-2"),
+		onMouseEnter: () => v(!0),
+		onMouseLeave: () => v(!1),
+		onFocusCapture: () => b(!0),
+		onBlurCapture: () => b(!1),
 		transition: e.smooth,
 		children: [
-			T.accentClass && /* @__PURE__ */ c("div", { className: n("w-1 shrink-0 rounded-l-overlay-sm", T.accentClass) }),
+			h && E.accentClass && /* @__PURE__ */ c("div", { className: n("w-1 shrink-0 rounded-l-overlay-sm", E.accentClass) }),
 			/* @__PURE__ */ l("div", {
 				className: "flex min-w-0 flex-1 items-start gap-ds-03 p-ds-04",
 				children: [/* @__PURE__ */ c(x, {
@@ -118,7 +118,7 @@ function k({ type: a, title: o, description: u, action: d, cancel: f, duration:
 							size: "sm",
 							className: "h-4 w-4"
 						})
-					}, "loading") : E ? /* @__PURE__ */ c(S.div, {
+					}, "loading") : k ? /* @__PURE__ */ c(S.div, {
 						initial: {
 							opacity: 0,
 							scale: .5
@@ -134,9 +134,9 @@ function k({ type: a, title: o, description: u, action: d, cancel: f, duration:
 						transition: e.bouncy,
 						className: "mt-0.5 shrink-0",
 						children: /* @__PURE__ */ c(i, {
-							icon: E,
+							icon: k,
 							size: "sm",
-							className: T.iconClass
+							className: E.iconClass
 						})
 					}, a) : null
 				}), /* @__PURE__ */ l("div", {
@@ -170,7 +170,7 @@ function k({ type: a, title: o, description: u, action: d, cancel: f, duration:
 			m && a !== "loading" && /* @__PURE__ */ c(O, {
 				duration: p,
 				type: a,
-				paused: b
+				paused: T
 			})
 		]
 	});
@@ -345,39 +345,39 @@ function F({ file: n, onRetry: o, onRemove: s }) {
 		]
 	});
 }
-function I({ files: r, onRetry: a, onRemove: o, selfDismissId: d }) {
-	let [p, m] = s.useState(!1), [h, g] = s.useState(!1), _ = p || h, v = r.filter((e) => e.status === "complete").length, b = r.filter((e) => e.status === "error").length, w = r.every((e) => e.status === "complete" || e.status === "error"), T = s.useRef(E), D = s.useRef(0);
+function I({ files: r, onRetry: a, onRemove: o, selfDismissId: d, showAccent: p = !1 }) {
+	let [m, h] = s.useState(!1), [g, _] = s.useState(!1), v = m || g, b = r.filter((e) => e.status === "complete").length, w = r.filter((e) => e.status === "error").length, T = r.every((e) => e.status === "complete" || e.status === "error"), D = s.useRef(E), k = s.useRef(0);
 	s.useEffect(() => {
-		if (d == null || !w) return;
-		if (_) {
-			let e = Date.now() - D.current;
-			T.current = Math.max(0, T.current - e);
+		if (d == null || !T) return;
+		if (v) {
+			let e = Date.now() - k.current;
+			D.current = Math.max(0, D.current - e);
 			return;
 		}
-		D.current = Date.now();
+		k.current = Date.now();
 		let e = setTimeout(() => {
 			C.dismiss(d);
-		}, T.current);
+		}, D.current);
 		return () => clearTimeout(e);
 	}, [
 		d,
-		w,
-		_
+		T,
+		v
 	]);
-	let k = w ? b > 0 ? "bg-error-7" : "bg-success-7" : "bg-accent-9", A = w ? b > 0 ? "error" : "success" : "loading", j = w && b > 0;
+	let A = T ? w > 0 ? "bg-error-7" : "bg-success-7" : "bg-accent-9", j = T ? w > 0 ? "error" : "success" : "loading", M = T && w > 0;
 	return /* @__PURE__ */ l(S.div, {
 		layout: !0,
-		role: j ? "alert" : "status",
-		"aria-live": j ? "assertive" : "polite",
+		role: M ? "alert" : "status",
+		"aria-live": M ? "assertive" : "polite",
 		"aria-label": "File uploads",
-		className: "group relative flex w-full overflow-hidden rounded-overlay-sm bg-surface-overlay shadow-floating",
-		onMouseEnter: () => m(!0),
-		onMouseLeave: () => m(!1),
-		onFocusCapture: () => g(!0),
-		onBlurCapture: () => g(!1),
+		className: n("group relative flex w-full overflow-hidden rounded-overlay-sm bg-surface-overlay shadow-floating", M && "bg-error-2"),
+		onMouseEnter: () => h(!0),
+		onMouseLeave: () => h(!1),
+		onFocusCapture: () => _(!0),
+		onBlurCapture: () => _(!1),
 		transition: e.smooth,
 		children: [
-			/* @__PURE__ */ c("div", { className: n("w-1 shrink-0 rounded-l-overlay-sm", k) }),
+			p && /* @__PURE__ */ c("div", { className: n("w-1 shrink-0 rounded-l-overlay-sm", A) }),
 			/* @__PURE__ */ l("div", {
 				className: "min-w-0 flex-1 p-ds-04",
 				children: [
@@ -385,7 +385,7 @@ function I({ files: r, onRetry: a, onRemove: o, selfDismissId: d }) {
 						className: "flex items-center gap-ds-02",
 						children: [/* @__PURE__ */ c(x, {
 							mode: "wait",
-							children: w ? b > 0 ? /* @__PURE__ */ c(S.div, {
+							children: T ? w > 0 ? /* @__PURE__ */ c(S.div, {
 								initial: {
 									opacity: 0,
 									scale: .5
@@ -436,17 +436,17 @@ function I({ files: r, onRetry: a, onRemove: o, selfDismissId: d }) {
 							}, "upload-icon")
 						}), /* @__PURE__ */ c("p", {
 							className: "text-ds-md font-semibold text-surface-fg",
-							children: w ? b > 0 ? `${v} of ${r.length} uploaded` : `${r.length} file${r.length > 1 ? "s" : ""} uploaded` : `Uploading ${r.length} file${r.length > 1 ? "s" : ""}`
+							children: T ? w > 0 ? `${b} of ${r.length} uploaded` : `${r.length} file${r.length > 1 ? "s" : ""} uploaded` : `Uploading ${r.length} file${r.length > 1 ? "s" : ""}`
 						})]
 					}),
-					!w && /* @__PURE__ */ l("p", {
+					!T && /* @__PURE__ */ l("p", {
 						className: "mt-0.5 text-ds-xs text-surface-fg-muted",
 						children: [
-							v,
+							b,
 							" of ",
 							r.length,
 							" complete",
-							b > 0 && ` · ${b} failed`
+							w > 0 && ` · ${w} failed`
 						]
 					}),
 					/* @__PURE__ */ c("div", {
@@ -461,18 +461,18 @@ function I({ files: r, onRetry: a, onRemove: o, selfDismissId: d }) {
 						className: "sr-only",
 						"aria-live": "polite",
 						children: [
-							v,
+							b,
 							" of ",
 							r.length,
 							" files uploaded",
-							b > 0 && `, ${b} failed`
+							w > 0 && `, ${w} failed`
 						]
 					})
 				]
 			}),
-			w && /* @__PURE__ */ c(O, {
+			T && /* @__PURE__ */ c(O, {
 				duration: E,
-				type: A,
+				type: j,
 				paused: !1
 			})
 		]
@@ -495,7 +495,8 @@ function R(e, t, n) {
 		description: n?.description,
 		action: n?.action,
 		cancel: n?.cancel,
-		duration: r
+		duration: r,
+		showAccent: n?.showAccent
 	}), L(n, r));
 }
 function z(e, t) {
@@ -553,7 +554,8 @@ z.message = (e, t) => R("message", e, t), z.success = (e, t) => R("success", e,
 		files: e.files,
 		onRetry: e.onRetry,
 		onRemove: e.onRemove,
-		selfDismissId: t
+		selfDismissId: t,
+		showAccent: e.showAccent
 	}), {
 		id: t,
 		duration: Infinity,