@actioneer/ads 0.5.5 → 0.5.7

package/components/segmented.d.ts

@@ -4,8 +4,11 @@ declare const segmentedListVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface SegmentedOption {
-    label: string;
+    /** Visible option content — text or an icon element. */
+    label: React.ReactNode;
     value: string;
+    /** Accessible name; required when `label` is icon-only. */
+    ariaLabel?: string;
 }
 export interface SegmentedControlProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "role">, VariantProps<typeof segmentedListVariants> {
     options: SegmentedOption[];

package/components/segmented.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as n, jsxs as b } from "react/jsx-runtime";
+import { jsx as n, jsxs as x } from "react/jsx-runtime";
 import * as l from "react";
 import { MotionConfig as h, motion as v } from "motion/react";
 import { cva as d } from "class-variance-authority";
@@ -43,10 +43,10 @@ const y = d(
     },
     defaultVariants: { size: "md", selected: !1 }
   }
-), k = l.forwardRef(({ options: r, value: a, onChange: o, size: s, className: u, ...m }, f) => {
+), k = l.forwardRef(({ options: r, value: a, onChange: s, size: o, className: u, ...m }, f) => {
   const p = l.useId(), i = (e) => {
-    const t = r.findIndex((x) => x.value === a), g = ((t < 0 ? 0 : t) + e + r.length) % r.length;
-    o(r[g].value);
+    const t = r.findIndex((g) => g.value === a), b = ((t < 0 ? 0 : t) + e + r.length) % r.length;
+    s(r[b].value);
   };
   return /* @__PURE__ */ n(
     "div",
@@ -65,19 +65,20 @@ const y = d(
             break;
         }
       },
-      className: c(y({ size: s }), u),
+      className: c(y({ size: o }), u),
       ...m,
       children: /* @__PURE__ */ n(h, { reducedMotion: "user", children: r.map((e) => {
         const t = e.value === a;
-        return /* @__PURE__ */ b(
+        return /* @__PURE__ */ x(
           "button",
           {
             type: "button",
             role: "radio",
             "aria-checked": t,
+            "aria-label": e.ariaLabel,
             tabIndex: t ? 0 : -1,
-            onClick: () => o(e.value),
-            className: D({ size: s, selected: t }),
+            onClick: () => s(e.value),
+            className: D({ size: o, selected: t }),
             children: [
               t && /* @__PURE__ */ n(
                 v.span,

package/components/sidebar.d.ts

@@ -79,8 +79,8 @@ export interface SidebarActionProps extends React.ButtonHTMLAttributes<HTMLButto
     icon?: React.ReactNode;
 }
 /**
- * Primary action for the rail (e.g. "Ask …"). An elevated, subtly-stroked pill
- * that collapses to a centered square icon button.
+ * Primary action for the rail (e.g. "Ask …"). It shares the quiet navigation
+ * treatment at rest and collapses to a centered square icon button.
  */
 export declare const SidebarAction: React.ForwardRefExoticComponent<SidebarActionProps & React.RefAttributes<HTMLButtonElement>>;
 export interface SidebarHistoryProps extends React.HTMLAttributes<HTMLDivElement> {

package/components/switch.js

@@ -3,10 +3,28 @@ import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import * as d from "react";
 import { cn as s } from "../lib/cn.js";
 const m = {
-  sm: { track: "h-5 w-9", knob: "size-4", on: "translate-x-4", off: "translate-x-0.5" },
-  md: { track: "h-6 w-11", knob: "size-5", on: "translate-x-5", off: "translate-x-0.5" }
+  sm: {
+    track: "h-5 w-9",
+    knob: "size-4",
+    on: "translate-x-4",
+    off: "translate-x-0"
+  },
+  md: {
+    track: "h-6 w-11",
+    knob: "size-5",
+    on: "translate-x-5",
+    off: "translate-x-0"
+  }
 }, b = d.forwardRef(
-  ({ className: i, checked: t = !1, onCheckedChange: n, size: l = "md", disabled: e, children: a, ...u }, f) => {
+  ({
+    className: i,
+    checked: t = !1,
+    onCheckedChange: n,
+    size: l = "md",
+    disabled: e,
+    children: a,
+    ...u
+  }, f) => {
     const r = m[l];
     return /* @__PURE__ */ c(
       "label",
@@ -40,7 +58,7 @@ const m = {
                 {
                   "aria-hidden": !0,
                   className: s(
-                    "inline-block rounded-full bg-elevated shadow-elevation",
+                    "ml-0.5 inline-block rounded-full bg-elevated shadow-elevation",
                     "transition-transform duration-(--duration-fast) ease-out motion-reduce:transition-none",
                     r.knob,
                     t ? r.on : r.off

package/components/table.d.ts

@@ -7,6 +7,7 @@ export interface SortDescriptor {
     column: string;
     direction: SortDirection;
 }
+type SortValue = string | number | Date;
 export type SelectionMode = "none" | "single" | "multiple";
 /** `"all"` selects every current key without enumerating them. */
 export type Selection = Set<string> | "all";
@@ -35,6 +36,8 @@ export interface TableProps extends Omit<React.TableHTMLAttributes<HTMLTableElem
     actionColumnWidth?: string;
     sortDescriptor?: SortDescriptor;
     onSortChange?: (descriptor: SortDescriptor) => void;
+    /** Enable sortable data-column headers. Defaults to true. */
+    allowsSorting?: boolean;
     /**
      * A purely display table: no row hover/focus wash, no selection. Set this
      * when rows have nothing to click — a plain data grid — so hovering never
@@ -46,12 +49,11 @@ export interface TableProps extends Omit<React.TableHTMLAttributes<HTMLTableElem
 /**
  * Styled wrapper around a semantic `<table>` with horizontal overflow.
  *
- * Opt-in power features (all backward compatible — a plain `<Table>` is
- * unchanged): **row selection** (`selectionMode` + `selectedKeys` /
- * `onSelectionChange` / `rowKeys`; give each body `<TableRow>` a `rowKey`),
- * **sorting** (`sortDescriptor` + `onSortChange`; mark columns `sortKey`),
- * and **sticky columns** (`sticky="left" | "right"` on column/cell). Compose
- * with `<Pagination>` below for paging.
+ * A plain `<Table>` automatically makes its labeled data columns sortable.
+ * Consumers can opt out with `allowsSorting={false}`, or control sorting with
+ * `sortDescriptor` + `onSortChange` and explicit column `sortKey` values.
+ * Row selection and sticky columns remain opt-in. Compose with `<Pagination>`
+ * below for paging.
  */
 export declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
 export declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
@@ -64,13 +66,19 @@ export declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & R
 export interface TableColumnProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
     align?: Align;
     sticky?: Sticky;
-    /** Enable sorting on this column; the string is its sort key. */
+    /** Sort key used by a consumer-controlled table. */
     sortKey?: string;
+    /** Disable sorting for a non-data or action header. */
+    allowsSorting?: boolean;
+    /** Assigned internally by Table's automatic header layout. */
+    _sortColumnIndex?: number;
 }
 export declare const TableColumn: React.ForwardRefExoticComponent<TableColumnProps & React.RefAttributes<HTMLTableCellElement>>;
 export interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
     align?: Align;
     sticky?: Sticky;
+    /** Explicit value when automatic sorting cannot infer the rendered value. */
+    sortValue?: SortValue;
 }
 export declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
 export {};