@yuva-devlab/ui 2.2.1 → 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 {
     /**
@@ -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 {
     /**
@@ -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.js

@@ -1659,7 +1659,18 @@ import { ArrowUpDown, ArrowUp, ArrowDown } from "lucide-react";
 import * as React26 from "react";
 import { jsx as jsx26 } from "react/jsx-runtime";
 var Table = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx26("div", { className: "dl-table-wrapper", children: /* @__PURE__ */ jsx26("table", { ref, className: cn("dl-table", className), ...props }) })
+  ({ className, hoverable = false, ...props }, ref) => /* @__PURE__ */ jsx26("div", { className: "dl-table-wrapper", children: /* @__PURE__ */ jsx26(
+    "table",
+    {
+      ref,
+      className: cn(
+        "dl-table",
+        hoverable && "dl-table--hoverable",
+        className
+      ),
+      ...props
+    }
+  ) })
 );
 Table.displayName = "Table";
 var TableHeader = React26.forwardRef(
@@ -1675,7 +1686,18 @@ var TableFooter = React26.forwardRef(
 );
 TableFooter.displayName = "TableFooter";
 var TableRow = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx26("tr", { ref, className: cn("dl-table__row", className), ...props })
+  ({ className, hoverable, ...props }, ref) => /* @__PURE__ */ jsx26(
+    "tr",
+    {
+      ref,
+      className: cn(
+        "dl-table__row",
+        hoverable && "dl-table__row--hoverable",
+        className
+      ),
+      ...props
+    }
+  )
 );
 TableRow.displayName = "TableRow";
 var TableHead = React26.forwardRef(
@@ -1891,6 +1913,7 @@ function DataTable({
   loading = false,
   emptyState,
   onRowClick,
+  hoverable = false,
   className
 }) {
   const [internalPage, setInternalPage] = React29.useState(1);
@@ -1956,7 +1979,7 @@ function DataTable({
     return typeof val === "string" || typeof val === "number" ? val : index;
   };
   return /* @__PURE__ */ jsxs20("div", { className: cn("dl-data-table-container", className), children: [
-    /* @__PURE__ */ jsx31("div", { className: "dl-data-table-wrapper", children: /* @__PURE__ */ jsxs20(Table, { children: [
+    /* @__PURE__ */ jsx31("div", { className: "dl-data-table-wrapper", children: /* @__PURE__ */ jsxs20(Table, { hoverable: hoverable || Boolean(onRowClick), children: [
       /* @__PURE__ */ jsx31(TableHeader, { children: /* @__PURE__ */ jsx31(TableRow, { children: columns.map((col) => {
         const isSorted = sortKey === col.key;
         return /* @__PURE__ */ jsx31(
@@ -6690,7 +6713,7 @@ var LegalFooter = React95.forwardRef(
           className: cn("dl-legal-footer dl-legal-footer--sidebar", className),
           ...props,
           children: [
-            /* @__PURE__ */ jsx101("span", { children: appName ? `${appName} ${version ?? ""}`.trim() : version ?? "v1.0.0" }),
+            /* @__PURE__ */ jsx101("span", { children: appName ? `${appName} ${version ?? ""}`.trim() : version ?? "" }),
             /* @__PURE__ */ jsxs64("span", { children: [
               "\xA9 ",
               currentYear,