@yuva-devlab/ui 2.2.0 → 3.0.0

package/dist/index.d.cts

@@ -1186,6 +1186,8 @@ interface DataTableProps<T> {
     emptyState?: React$1.ReactNode;
     /** Callback fired when clicking a table row */
     onRowClick?: (row: T) => void;
+    /** Whether to highlight table rows on hover using the active brand theme color. Defaults to false (or true if onRowClick provided) */
+    hoverable?: boolean;
     /** Additional CSS class names */
     className?: string;
 }
@@ -1194,7 +1196,7 @@ interface DataTableProps<T> {
  * Generic enterprise data table with integrated sorting, client/server pagination,
  * custom column renderers, and zero-config empty states.
  */
-declare function DataTable<T extends Record<string, unknown>>({ data, columns, rowKey, pagination, loading, emptyState, onRowClick, className, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+declare function DataTable<T extends Record<string, unknown>>({ data, columns, rowKey, pagination, loading, emptyState, onRowClick, hoverable, className, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
 
 interface DatePickerProps {
     /**
@@ -2680,7 +2682,7 @@ type SwitchProps = React$1.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root
  * @example
  * ```tsx
  * // Basic toggle switch
- * <div className="flex items-center justify-between">
+ * <div style={{ display: "flex", alignItems: "center", justifyContent: "space-between" }}>
  *   <Label htmlFor="airplane-mode">Airplane Mode</Label>
  *   <Switch id="airplane-mode" checked={enabled} onCheckedChange={setEnabled} />
  * </div>
@@ -2691,14 +2693,21 @@ type SwitchProps = React$1.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root
  */
 declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
-type TableProps = React$1.HTMLAttributes<HTMLTableElement>;
+interface TableProps extends React$1.HTMLAttributes<HTMLTableElement> {
+    /**
+     * Whether to highlight rows on hover using the active theme color.
+     * When enabled, applies `.dl-table--hoverable`.
+     * @default false
+     */
+    readonly hoverable?: boolean;
+}
 /**
  * Responsive table container with pure scoped CSS styling.
  * Automatically wraps in a scrollable horizontal container (`dl-table-wrapper`).
  *
  * @example
  * ```tsx
- * <Table>
+ * <Table hoverable>
  *   <TableHeader>
  *     <TableRow>
  *       <TableHead>Invoice</TableHead>
@@ -2732,7 +2741,12 @@ type TableFooterProps = React$1.HTMLAttributes<HTMLTableSectionElement>;
  * Footer section of a `Table` (`<tfoot>`) for totals or summaries.
  */
 declare const TableFooter: React$1.ForwardRefExoticComponent<TableFooterProps & React$1.RefAttributes<HTMLTableSectionElement>>;
-type TableRowProps = React$1.HTMLAttributes<HTMLTableRowElement>;
+interface TableRowProps extends React$1.HTMLAttributes<HTMLTableRowElement> {
+    /**
+     * Whether to highlight this row on hover using the active brand theme color.
+     */
+    readonly hoverable?: boolean;
+}
 /**
  * Interactive row within a `Table` (`<tr>`).
  */
@@ -3977,7 +3991,7 @@ interface ContainerProps extends React$1.HTMLAttributes<HTMLDivElement> {
 declare const Container: React$1.ForwardRefExoticComponent<ContainerProps & React$1.RefAttributes<HTMLDivElement>>;
 
 interface LegalFooterProps extends React$1.HTMLAttributes<HTMLElement> {
-    /** Optional application name (e.g., "FinAI", "DevLab Portal", "OrchestrAI", "VitalAI", "DevLab Logs") */
+    /** Optional application name (e.g., "FinAI", "DevLab Portal", "OrchestrAI", "KnowledgeAI", "DevLab Logs") */
     readonly appName?: string;
     /** Optional semver or build tag (e.g., "v1.0.0") */
     readonly version?: string;

package/dist/index.d.ts

@@ -1186,6 +1186,8 @@ interface DataTableProps<T> {
     emptyState?: React$1.ReactNode;
     /** Callback fired when clicking a table row */
     onRowClick?: (row: T) => void;
+    /** Whether to highlight table rows on hover using the active brand theme color. Defaults to false (or true if onRowClick provided) */
+    hoverable?: boolean;
     /** Additional CSS class names */
     className?: string;
 }
@@ -1194,7 +1196,7 @@ interface DataTableProps<T> {
  * Generic enterprise data table with integrated sorting, client/server pagination,
  * custom column renderers, and zero-config empty states.
  */
-declare function DataTable<T extends Record<string, unknown>>({ data, columns, rowKey, pagination, loading, emptyState, onRowClick, className, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+declare function DataTable<T extends Record<string, unknown>>({ data, columns, rowKey, pagination, loading, emptyState, onRowClick, hoverable, className, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
 
 interface DatePickerProps {
     /**
@@ -2680,7 +2682,7 @@ type SwitchProps = React$1.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root
  * @example
  * ```tsx
  * // Basic toggle switch
- * <div className="flex items-center justify-between">
+ * <div style={{ display: "flex", alignItems: "center", justifyContent: "space-between" }}>
  *   <Label htmlFor="airplane-mode">Airplane Mode</Label>
  *   <Switch id="airplane-mode" checked={enabled} onCheckedChange={setEnabled} />
  * </div>
@@ -2691,14 +2693,21 @@ type SwitchProps = React$1.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root
  */
 declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
-type TableProps = React$1.HTMLAttributes<HTMLTableElement>;
+interface TableProps extends React$1.HTMLAttributes<HTMLTableElement> {
+    /**
+     * Whether to highlight rows on hover using the active theme color.
+     * When enabled, applies `.dl-table--hoverable`.
+     * @default false
+     */
+    readonly hoverable?: boolean;
+}
 /**
  * Responsive table container with pure scoped CSS styling.
  * Automatically wraps in a scrollable horizontal container (`dl-table-wrapper`).
  *
  * @example
  * ```tsx
- * <Table>
+ * <Table hoverable>
  *   <TableHeader>
  *     <TableRow>
  *       <TableHead>Invoice</TableHead>
@@ -2732,7 +2741,12 @@ type TableFooterProps = React$1.HTMLAttributes<HTMLTableSectionElement>;
  * Footer section of a `Table` (`<tfoot>`) for totals or summaries.
  */
 declare const TableFooter: React$1.ForwardRefExoticComponent<TableFooterProps & React$1.RefAttributes<HTMLTableSectionElement>>;
-type TableRowProps = React$1.HTMLAttributes<HTMLTableRowElement>;
+interface TableRowProps extends React$1.HTMLAttributes<HTMLTableRowElement> {
+    /**
+     * Whether to highlight this row on hover using the active brand theme color.
+     */
+    readonly hoverable?: boolean;
+}
 /**
  * Interactive row within a `Table` (`<tr>`).
  */
@@ -3977,7 +3991,7 @@ interface ContainerProps extends React$1.HTMLAttributes<HTMLDivElement> {
 declare const Container: React$1.ForwardRefExoticComponent<ContainerProps & React$1.RefAttributes<HTMLDivElement>>;
 
 interface LegalFooterProps extends React$1.HTMLAttributes<HTMLElement> {
-    /** Optional application name (e.g., "FinAI", "DevLab Portal", "OrchestrAI", "VitalAI", "DevLab Logs") */
+    /** Optional application name (e.g., "FinAI", "DevLab Portal", "OrchestrAI", "KnowledgeAI", "DevLab Logs") */
     readonly appName?: string;
     /** Optional semver or build tag (e.g., "v1.0.0") */
     readonly version?: string;