@rovula/ui 0.1.28 → 0.1.29

package/dist/esm/types/components/Dropdown/Dropdown.d.ts

@@ -41,6 +41,17 @@ export type DropdownProps = {
         selectedOption: Options | null | undefined;
         onClick: (option: Options) => void;
     }) => ReactNode;
+    /**
+     * When `true`, keep focus on the input after selecting an option so the
+     * menu stays open (useful for inline row-editing where the user may Tab
+     * to the next field instead of closing the dropdown).
+     */
+    keepOpenAfterSelect?: boolean;
+    /**
+     * Render the options list via a React portal so it escapes containers
+     * with `overflow: hidden/auto` (e.g. DataTable scroll wrappers).
+     */
+    portal?: boolean;
 } & Omit<InputProps, "value" | "onSelect">;
 declare const Dropdown: React.ForwardRefExoticComponent<{
     id?: string;
@@ -71,5 +82,16 @@ declare const Dropdown: React.ForwardRefExoticComponent<{
         selectedOption: Options | null | undefined;
         onClick: (option: Options) => void;
     }) => ReactNode;
+    /**
+     * When `true`, keep focus on the input after selecting an option so the
+     * menu stays open (useful for inline row-editing where the user may Tab
+     * to the next field instead of closing the dropdown).
+     */
+    keepOpenAfterSelect?: boolean;
+    /**
+     * Render the options list via a React portal so it escapes containers
+     * with `overflow: hidden/auto` (e.g. DataTable scroll wrappers).
+     */
+    portal?: boolean;
 } & Omit<InputProps, "onSelect" | "value"> & React.RefAttributes<HTMLInputElement>>;
 export default Dropdown;

package/dist/esm/types/components/Dropdown/Dropdown.stories.d.ts

@@ -31,6 +31,8 @@ declare const meta: {
             selectedOption: Options | null | undefined;
             onClick: (option: Options) => void;
         }) => React.ReactNode;
+        keepOpenAfterSelect?: boolean;
+        portal?: boolean;
     } & Omit<import("../..").InputProps, "onSelect" | "value"> & React.RefAttributes<HTMLInputElement>>;
     tags: string[];
     parameters: {
@@ -64,6 +66,8 @@ declare const meta: {
             selectedOption: Options | null | undefined;
             onClick: (option: Options) => void;
         }) => React.ReactNode) | undefined;
+        keepOpenAfterSelect?: boolean | undefined;
+        portal?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined | undefined;
         color?: string | undefined | undefined;
         height?: number | string | undefined | undefined;

package/dist/esm/types/components/ScrollArea/ScrollArea.d.ts

@@ -3,9 +3,9 @@ export type ScrollbarSize = "m" | "s" | "xs";
 export interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Scrollbar thickness.
-     * - `m`  — 12 px  (shows track border)
-     * - `s`  — 6 px   (default, shows no track border)
-     * - `xs` — 2 px   (shows no track border)
+     * - `m`  — 12 px  (default, shows track border + 2px thumb inset)
+     * - `s`  — 6 px   (shows track border + 2px thumb inset)
+     * - `xs` — 2 px   (no track border, no thumb inset)
      */
     scrollbarSize?: ScrollbarSize;
     /**

package/dist/esm/types/components/ScrollArea/ScrollArea.stories.d.ts

@@ -299,3 +299,7 @@ export declare const WithDropdownMenu: {
     name: string;
     render: () => import("react/jsx-runtime").JSX.Element;
 };
+export declare const BothAxes: {
+    name: string;
+    render: () => import("react/jsx-runtime").JSX.Element;
+};

package/dist/esm/types/components/Table/Table.d.ts

@@ -2,12 +2,42 @@ import * as React from "react";
 declare const Table: React.ForwardRefExoticComponent<{
     rootClassName?: string;
     rootRef?: React.LegacyRef<HTMLDivElement>;
+    /**
+     * Wraps the table in a rounded frame (`rounded-md` + `border-table-c-border`).
+     * Uses an outer `overflow-hidden` shell and an inner scroll area so corners clip
+     * cleanly (same pattern as scrollable bordered tables elsewhere in the system).
+     * For pagination in the same frame, wrap `Table` + `TablePagination` in your own
+     * bordered div instead of relying on this prop alone.
+     */
+    bordered?: boolean;
+    /**
+     * When false, render only `<table>` (no inner `overflow-auto` wrapper).
+     * Use when a parent already provides the scrollport — e.g. `DataTable` — so
+     * `sticky` header rows stick to the correct ancestor.
+     * Ignored when `bordered` is true (bordered tables always use the inner scroll shell).
+     */
+    scrollableWrapper?: boolean;
 } & React.HTMLAttributes<HTMLTableElement> & 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 TableBody: React.ForwardRefExoticComponent<{
+    striped?: boolean;
+} & 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 TableRow: React.ForwardRefExoticComponent<{
+    divided?: boolean;
+    colDivided?: boolean;
+} & 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 TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
-export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };
+export interface TablePaginationProps {
+    pageIndex: number;
+    pageSize: number;
+    totalCount: number;
+    pageSizeOptions?: number[];
+    onPageChange: (pageIndex: number) => void;
+    onPageSizeChange: (pageSize: number) => void;
+    className?: string;
+}
+declare const TablePagination: React.ForwardRefExoticComponent<TablePaginationProps & React.RefAttributes<HTMLDivElement>>;
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, TablePagination, };

package/dist/esm/types/components/Table/Table.stories.d.ts

@@ -1,17 +1,28 @@
 import React from "react";
+import type { StoryObj } from "@storybook/react";
 declare const meta: {
     title: string;
     component: React.ForwardRefExoticComponent<{
         rootClassName?: string;
         rootRef?: React.LegacyRef<HTMLDivElement>;
+        bordered?: boolean;
+        scrollableWrapper?: boolean;
     } & React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
     tags: string[];
     parameters: {
         layout: string;
     };
+    argTypes: {
+        bordered: {
+            control: "boolean";
+            description: string;
+        };
+    };
     decorators: ((Story: import("@storybook/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
         rootClassName?: string | undefined;
         rootRef?: React.LegacyRef<HTMLDivElement> | undefined;
+        bordered?: boolean | undefined;
+        scrollableWrapper?: boolean | undefined;
         defaultChecked?: boolean | undefined | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -283,7 +294,78 @@ declare const meta: {
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };
 export default meta;
-export declare const Default: {
-    args: {};
-    render: (args: {}) => import("react/jsx-runtime").JSX.Element;
-};
+/** NON-STRIPED — horizontal row strokes, no column dividers */
+export declare const Default: StoryObj;
+/** NON-STRIPED + COL DIVIDED — horizontal row strokes + vertical column dividers */
+export declare const NonStripedDivided: StoryObj;
+/** STRIPED — alternating bg-a / bg-b, NO row strokes, NO column dividers */
+export declare const Striped: StoryObj;
+/**
+ * STRIPED + COL DIVIDED — alternating bg, NO row strokes, WITH column dividers.
+ * Primary Xspector table style.
+ */
+export declare const StripedAndDivided: StoryObj;
+/** SELECTED ROW — data-[state=selected] applies transparent-primary-12. Row 1 pre-selected. */
+export declare const WithSelectedRow: StoryObj;
+/**
+ * WITH FOOTER — tfoot summary row with bg-table-bg-main + top border.
+ * TableFooter is inside Table so bordered works naturally.
+ */
+export declare const WithFooter: StoryObj;
+/**
+ * WITH PAGINATION — TablePagination is a sibling of Table so needs an explicit
+ * outer wrapper (not covered by Table's bordered prop).
+ */
+export declare const WithPagination: StoryObj;
+/** EMPTY STATE — single full-width row with centered message */
+export declare const Empty: StoryObj;
+/** ALL STATES SIDE-BY-SIDE — reference sheet for design review */
+export declare const AllStates: StoryObj;
+/**
+ * WITH SCROLL (Figma 9637-10817)
+ *
+ * Demonstrates both axes of overflow:
+ *  - Vertical: fixed-height container → body rows overflow and scroll vertically
+ *  - Horizontal: 10 columns wider than the viewport → native h-scroll bar appears
+ *
+ * Implementation notes:
+ *  - Outer div sets the fixed height and owns the rounded border
+ *    (TablePagination must sit outside the scrollable Table)
+ *  - Table gets rootClassName="flex-1 min-h-0" so it grows to fill flex space
+ *    and allows overflow-auto to kick in
+ *  - TableHeader gets className="sticky top-0 z-10" for a frozen header row
+ */
+export declare const WithScroll: StoryObj;
+/**
+ * SCROLLBAR SIZES — per-axis demo
+ *
+ * Combine ui-scrollbar-x-{size} + ui-scrollbar-y-{size} independently.
+ * CSS: height → horizontal bar thickness | width → vertical bar thickness
+ */
+export declare const ScrollbarSizes: StoryObj;
+/** PANEL DEFAULT — transparent rows + panel-sub-line row dividers */
+export declare const PanelDefault: StoryObj;
+/** PANEL NON-STRIPED DIVIDED — row dividers + vertical column dividers */
+export declare const PanelNonStripedDivided: StoryObj;
+/** PANEL STRIPED — alternating rows (both transparent in panel mode), no row strokes */
+export declare const PanelStriped: StoryObj;
+/** PANEL STRIPED + COL DIVIDED */
+export declare const PanelStripedAndDivided: StoryObj;
+/** PANEL SELECTED ROW — table-panel-selected (yellow/olive) */
+export declare const PanelWithSelectedRow: StoryObj;
+/** PANEL WITH FOOTER */
+export declare const PanelWithFooter: StoryObj;
+/**
+ * PANEL WITH PAGINATION
+ * TablePagination sits inside the same data-surface="panel" scope so it
+ * automatically picks up the panel tokens — no variant prop needed.
+ */
+export declare const PanelWithPagination: StoryObj;
+/** PANEL EMPTY STATE */
+export declare const PanelEmpty: StoryObj;
+/**
+ * PANEL WITH SCROLL — sticky header + both scroll axes inside a fixed-height panel.
+ */
+export declare const PanelWithScroll: StoryObj;
+/** PANEL ALL STATES — all variants side-by-side for design review */
+export declare const PanelAllStates: StoryObj;

package/dist/esm/types/components/TextInput/TextInput.stories.d.ts

@@ -390,6 +390,14 @@ export declare const Default: {
     };
     render: (args: {}) => import("react/jsx-runtime").JSX.Element;
 };
+/**
+ * `isFloatingLabel={false}` — visible **`placeholder`**, no floating animation,
+ * and no inner `<label>` when `label` is empty (e.g. table cells, compact filters).
+ * Pair with `required={false}` + `hasClearIcon={false}` when mimicking inline fields.
+ */
+export declare const NonFloatingLabel: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
 export declare const CustomLabel: {
     args: {
         label: string;

package/dist/esm/types/components/TextInput/TextInput.styles.d.ts

@@ -1,4 +1,5 @@
 export declare const inputVariant: (props?: ({
+    floatingLabelPlaceholder?: boolean | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     rounded?: "none" | "normal" | "full" | null | undefined;
     variant?: "outline" | "flat" | "underline" | null | undefined;