@dimasbaguspm/versaur 0.0.19 → 0.0.21

package/dist/types/overlays/tooltip/types.d.ts

@@ -0,0 +1,33 @@
+import { DetailedHTMLProps, HTMLAttributes, ReactNode } from 'react';
+/**
+ * Tooltip position options
+ * 'auto' (default): browser chooses best position, prefers bottom
+ * 'top', 'bottom', 'left', 'right': force position
+ */
+export type TooltipPosition = 'auto' | 'top' | 'bottom' | 'left' | 'right';
+/**
+ * TooltipRootProps: Props for Tooltip root
+ * Extends native div props, but allows ReactNode for content
+ */
+export interface TooltipRootProps extends Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'content'> {
+    /**
+     * The content to show inside the tooltip
+     */
+    content: ReactNode;
+    /**
+     * The element that triggers the tooltip (usually a child)
+     */
+    children: ReactNode;
+    /**
+     * Position of the tooltip relative to the trigger (default: 'auto')
+     */
+    position?: TooltipPosition;
+    /**
+     * Optional: delay in ms before showing the tooltip
+     */
+    delay?: number;
+    /**
+     * Optional: className for the tooltip popover
+     */
+    popoverClassName?: string;
+}

package/dist/types/overlays/tooltip/use-tooltip-position.d.ts

@@ -0,0 +1,8 @@
+import { RefObject } from 'react';
+import { TooltipPosition } from './types';
+type TooltipPositionRef = {
+    position: TooltipPosition;
+    ref: RefObject<HTMLDivElement | null>;
+};
+export declare function useTooltipPositionRef(preferred?: TooltipPosition): TooltipPositionRef;
+export {};

package/dist/types/primitive/icon/types.d.ts

@@ -23,7 +23,7 @@ export type IconProps = Omit<React.SVGProps<SVGSVGElement>, 'children'> & {
     /**
      * Color variant
      */
-    color?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'neutral' | 'success' | 'info' | 'warning' | 'danger' | 'inherit';
+    color?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'neutral' | 'success' | 'info' | 'warning' | 'danger' | 'black' | 'gray' | 'white' | 'inherit';
     /**
      * Size of the icon
      */

package/dist/types/primitive/index.d.ts

@@ -9,6 +9,7 @@ export * from './button-icon';
 export * from './calculator';
 export * from './calendar';
 export * from './icon';
+export * from './no-results';
 export * from './snackbar';
 export * from './table';
 export * from './text';

package/dist/types/primitive/no-results/index.d.ts

@@ -0,0 +1,2 @@
+export { NoResults } from './no-results';
+export type { NoResultsProps } from './types';

package/dist/types/primitive/no-results/no-results.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { NoResultsProps } from './types';
+/**
+ * NoResults component for Versaur UI
+ * Displays an empty state with icon, title, subtitle, and optional action
+ * Uses semantic HTML structure with proper headings and landmarks
+ * @example
+ * <NoResults
+ *   icon={SearchIcon}
+ *   title="No results found"
+ *   subtitle="Try adjusting your search criteria"
+ *   action={<Button onClick={clearSearch}>Clear filters</Button>}
+ * />
+ */
+export declare const NoResults: React.ForwardRefExoticComponent<NoResultsProps & React.RefAttributes<HTMLElement>>;

package/dist/types/primitive/no-results/types.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode, HTMLAttributes, ComponentType } from 'react';
+/**
+ * NoResultsProps defines the props for the NoResults component
+ * @property icon - Icon component to display (typically from lucide-react)
+ * @property title - Main heading text for the no results state
+ * @property subtitle - Secondary descriptive text
+ * @property action - Optional action element (typically a Button)
+ */
+export interface NoResultsProps extends HTMLAttributes<HTMLElement> {
+    /**
+     * Icon to display at the top of the no results state
+     * Should be a Lucide icon component
+     */
+    icon: ComponentType;
+    /**
+     * Main heading text that describes the empty state
+     */
+    title: string;
+    /**
+     * Secondary descriptive text that provides more context
+     * Can be a string or ReactNode for more complex content
+     */
+    subtitle?: string | ReactNode;
+    /**
+     * Optional action element to render below the content
+     * Typically a Button component for user interaction
+     */
+    action?: ReactNode;
+    hasGrayBackground?: boolean;
+}

package/dist/types/primitive/table/table.atoms.d.ts

@@ -1,4 +1,4 @@
-import { TableHeaderProps, TableBodyProps, TableFooterProps, TableRowProps, TableColumnProps } from './types';
+import { TableHeaderProps, TableBodyProps, TableFooterProps, TableRowProps, TableHeaderItemProps, TableRowItemProps } from './types';
 /**
  * Table.Header renders the table header row (grid-based, ARIA role)
  */
@@ -15,8 +15,6 @@ declare const TableFooter: import('react').ForwardRefExoticComponent<TableFooter
  * Table.Row renders a table row (grid-based, ARIA role)
  */
 declare const TableRow: import('react').ForwardRefExoticComponent<TableRowProps & import('react').RefAttributes<HTMLDivElement>>;
-/**
- * Table.Column renders a table cell (grid-based, ARIA role)
- */
-declare const TableColumn: import('react').ForwardRefExoticComponent<TableColumnProps & import('react').RefAttributes<HTMLDivElement>>;
-export { TableHeader, TableBody, TableFooter, TableRow, TableColumn };
+declare const TableRowItem: import('react').ForwardRefExoticComponent<TableRowItemProps & import('react').RefAttributes<HTMLDivElement>>;
+declare const TableHeaderItem: import('react').ForwardRefExoticComponent<TableHeaderItemProps & import('react').RefAttributes<HTMLDivElement>>;
+export { TableHeader, TableBody, TableFooter, TableRow, TableRowItem, TableHeaderItem, };

package/dist/types/primitive/table/table.d.ts

@@ -1,8 +1,9 @@
 import { TableProps } from './types';
 export declare const Table: import('react').ForwardRefExoticComponent<TableProps & import('react').RefAttributes<HTMLDivElement>> & {
     Header: import('react').ForwardRefExoticComponent<import('./types').TableHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
+    HeaderItem: import('react').ForwardRefExoticComponent<import('./types').TableHeaderItemProps & import('react').RefAttributes<HTMLDivElement>>;
     Body: import('react').ForwardRefExoticComponent<import('./types').TableBodyProps & import('react').RefAttributes<HTMLDivElement>>;
     Footer: import('react').ForwardRefExoticComponent<import('./types').TableFooterProps & import('react').RefAttributes<HTMLDivElement>>;
     Row: import('react').ForwardRefExoticComponent<import('./types').TableRowProps & import('react').RefAttributes<HTMLDivElement>>;
-    Column: import('react').ForwardRefExoticComponent<import('./types').TableColumnProps & import('react').RefAttributes<HTMLDivElement>>;
+    RowItem: import('react').ForwardRefExoticComponent<import('./types').TableRowItemProps & import('react').RefAttributes<HTMLDivElement>>;
 };

package/dist/types/primitive/table/types.d.ts

@@ -5,19 +5,20 @@ import { HTMLAttributes, ReactNode, TableHTMLAttributes } from 'react';
 export interface TableProps extends TableHTMLAttributes<HTMLTableElement> {
     /** Table children (Header, Body, Footer, etc) */
     children: ReactNode;
-    maxColumns?: number;
+    /** Maximum number of columns in the table */
+    columns: number;
 }
 /**
  * Context value for Table
  */
 export interface TableContextValue {
-    maxColumns: number;
+    columns: number;
 }
 /**
  * TableHeaderProps for <Table.Header>
  */
-export interface TableHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
-    children: React.ReactNode;
+export interface TableHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
 }
 /**
  * TableBodyProps for <Table.Body>
@@ -49,3 +50,5 @@ export interface TableColumnProps extends HTMLAttributes<HTMLDivElement> {
     /** Horizontal alignment of cell content (left, center, right). Default: left */
     align?: 'left' | 'center' | 'right';
 }
+export type TableHeaderItemProps = Omit<TableColumnProps, 'as'>;
+export type TableRowItemProps = Omit<TableColumnProps, 'as'>;

package/dist/utils/enforce-subpath-import.js

@@ -7,11 +7,14 @@ const symbolToSubpath = {
   "LoadingIndicator": "feedbacks",
   "ProgressIndicator": "feedbacks",
   "Skeleton": "feedbacks",
+  "BottomSheetInput": "forms",
   "CheckboxInput": "forms",
   "ChipMultipleInput": "forms",
   "ChipSingleInput": "forms",
   "DateSinglePickerInput": "forms",
+  "DrawerInput": "forms",
   "EmailInput": "forms",
+  "ModalInput": "forms",
   "PriceInput": "forms",
   "RadioInput": "forms",
   "SearchInput": "forms",
@@ -28,6 +31,7 @@ const symbolToSubpath = {
   "BottomBar": "layouts",
   "FormLayout": "layouts",
   "PageLayout": "layouts",
+  "SideBar": "layouts",
   "TopBar": "layouts",
   "Breadcrumbs": "navigation",
   "Tabs": "navigation",
@@ -35,6 +39,7 @@ const symbolToSubpath = {
   "Drawer": "overlays",
   "Menu": "overlays",
   "Modal": "overlays",
+  "Tooltip": "overlays",
   "Alert": "primitive",
   "Anchor": "primitive",
   "Avatar": "primitive",
@@ -51,6 +56,7 @@ const symbolToSubpath = {
   "ImageSquare": "primitive",
   "ImageRectangle": "primitive",
   "BaseImage": "primitive",
+  "NoResults": "primitive",
   "Snackbar": "primitive",
   "Table": "primitive",
   "Text": "primitive",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dimasbaguspm/versaur",
-  "version": "0.0.19",
+  "version": "0.0.21",
   "description": "React UI library with Tailwind CSS",
   "author": "Dimas Bagus Prayogo Mukti<dimas.bagus.pm@gmail.com>",
   "license": "MIT",