@dimasbaguspm/versaur 0.0.29 → 0.0.31

package/dist/types/forms/chip-multiple-input/chip-multiple-input.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
 import { ChipMultipleInputProps } from './types';
-export declare const ChipMultipleInput: React.ForwardRefExoticComponent<ChipMultipleInputProps & React.RefAttributes<HTMLDivElement>> & {
-    Option: React.ForwardRefExoticComponent<import('./types').ChipMultipleInputOptionProps & React.RefAttributes<HTMLInputElement>>;
+export declare const ChipMultipleInput: import('react').ForwardRefExoticComponent<ChipMultipleInputProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Option: import('react').ForwardRefExoticComponent<import('./types').ChipMultipleInputOptionProps & import('react').RefAttributes<HTMLInputElement>>;
 };

package/dist/types/forms/chip-multiple-input/types.d.ts

@@ -17,7 +17,7 @@ export interface ChipMultipleInputProps extends Omit<InputHTMLAttributes<HTMLInp
      * Semantic variants: success, info, warning, danger
      * Each variant supports outline form for flexible design expression
      */
-    variant?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'neutral' | 'success' | 'info' | 'warning' | 'danger';
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'ghost';
     /**
      * Label text to display above the chip group
      */
@@ -56,24 +56,4 @@ export interface ChipMultipleInputOptionProps extends Omit<InputHTMLAttributes<H
      * The value for this chip option
      */
     value: string;
-    /**
-     * Custom check icon or element. If not provided, no check is rendered unless defaultCheck is true
-     */
-    check?: React.ReactNode;
-    /**
-     * Show the default check icon if true (default: false). If both check and defaultCheck are provided, check takes precedence
-     */
-    defaultCheck?: boolean;
-    /**
-     * Disabled state for this option
-     */
-    disabled?: boolean;
-    /**
-     * Optional id for the input
-     */
-    id?: string;
-    /**
-     * Additional className for styling
-     */
-    className?: string;
 }

package/dist/types/forms/chip-single-input/chip-single-input.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
 import { ChipSingleInputProps } from './types';
-export declare const ChipSingleInput: React.ForwardRefExoticComponent<ChipSingleInputProps & React.RefAttributes<HTMLDivElement>> & {
-    Option: React.ForwardRefExoticComponent<import('./types').ChipSingleInputOptionProps & React.RefAttributes<HTMLInputElement>>;
+export declare const ChipSingleInput: import('react').ForwardRefExoticComponent<ChipSingleInputProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Option: import('react').ForwardRefExoticComponent<import('./types').ChipSingleInputOptionProps & import('react').RefAttributes<HTMLInputElement>>;
 };

package/dist/types/forms/chip-single-input/types.d.ts

@@ -17,7 +17,7 @@ export interface ChipSingleInputProps extends Omit<InputHTMLAttributes<HTMLInput
      * Semantic variants: success, info, warning, danger
      * Each variant supports outline form for flexible design expression
      */
-    variant?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'neutral' | 'success' | 'info' | 'warning' | 'danger';
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'ghost';
     /**
      * Label text to display above the chip group
      */
@@ -56,12 +56,4 @@ export interface ChipSingleInputOptionProps extends Omit<InputHTMLAttributes<HTM
      * The value for this chip option
      */
     value: string;
-    /**
-     * Custom check icon or element. If not provided, no check is rendered unless defaultCheck is true
-     */
-    check?: React.ReactNode;
-    /**
-     * Show the default check icon if true (default: false). If both check and defaultCheck are provided, check takes precedence
-     */
-    defaultCheck?: boolean;
 }

package/dist/types/layouts/page-header/page-header.atoms.d.ts

@@ -1,4 +1,4 @@
-import { PageHeaderTopProps, PageHeaderBreadcrumbsProps, PageHeaderContentProps, PageHeaderBadgesProps, PageHeaderActionsProps, PageHeaderBottomProps } from './types';
+import { PageHeaderTopProps, PageHeaderBreadcrumbsProps, PageHeaderContentProps, PageHeaderBadgesProps, PageHeaderActionsProps, PageHeaderBottomProps, PageHeaderMobileActionsProps } from './types';
 /**
  * PageHeaderTop - main header area containing breadcrumbs, content, and actions
  */
@@ -29,6 +29,7 @@ export declare const PageHeaderBadges: import('react').ForwardRefExoticComponent
  * PageHeaderActions - actions section for buttons and button groups
  */
 export declare const PageHeaderActions: import('react').ForwardRefExoticComponent<PageHeaderActionsProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const PageHeaderMobileActions: import('react').ForwardRefExoticComponent<PageHeaderMobileActionsProps & import('react').RefAttributes<HTMLDivElement>>;
 /**
  * PageHeaderBottom - bottom section for tabs and filters
  */

package/dist/types/layouts/page-header/page-header.d.ts

@@ -31,6 +31,10 @@ interface PageHeaderRootProps extends Omit<PageHeaderProps, 'title'> {
      * Simplified API: Action buttons/button groups
      */
     actions?: ReactNode;
+    /**
+     * Simplified API: Mobile action buttons/button groups
+     */
+    mobileActions?: ReactNode;
     /**
      * Simplified API: Bottom content (tabs, filters)
      */

package/dist/types/layouts/page-header/types.d.ts

@@ -44,6 +44,12 @@ export interface PageHeaderBadgesProps extends HTMLAttributes<HTMLDivElement> {
 export interface PageHeaderActionsProps extends HTMLAttributes<HTMLDivElement> {
     children: ReactNode;
 }
+/**
+ * Props for PageHeaderMobileActions - mobile actions section
+ */
+export interface PageHeaderMobileActionsProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
 /**
  * Props for PageHeaderBottom - bottom section (tabs, filters, etc.)
  */

package/dist/types/overlays/menu/index.d.ts

@@ -1,2 +1,2 @@
 export { Menu } from './menu';
-export type * from './types';
+export type { MenuProps, MenuSize } from './types';

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

@@ -1,3 +1,6 @@
 import { default as React } from 'react';
 import { MenuProps } from './types';
-export declare const Menu: React.FC<MenuProps>;
+export declare const Menu: React.FC<MenuProps> & {
+    Content: React.ForwardRefExoticComponent<import('./types').MenuContentProps & React.RefAttributes<HTMLUListElement>>;
+    Item: React.ForwardRefExoticComponent<import('./types').MenuItemProps & React.RefAttributes<HTMLLIElement>>;
+};

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

@@ -1,4 +1,4 @@
-import { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 export type MenuSize = 'sm' | 'md';
 /**
  * Props for Menu
@@ -25,7 +25,9 @@ export interface MenuContentProps extends HTMLAttributes<HTMLUListElement> {
 /**
  * Props for MenuItem
  */
-export interface MenuItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+export interface MenuItemProps extends HTMLAttributes<HTMLLIElement> {
     /** Item content */
     children: ReactNode;
+    /** Whether the item is disabled */
+    disabled?: boolean;
 }

package/dist/types/overlays/menu/use-menu.d.ts

@@ -1,2 +1 @@
 export declare function useMenuOutsideClick(isOpen: boolean, contentRef: React.RefObject<HTMLDivElement | null>, triggerRef: React.RefObject<HTMLButtonElement | null>, onOutsideClick: () => void): void;
-export declare function useMenuFocusFirstItem(isOpen: boolean, contentRef: React.RefObject<HTMLDivElement | null>): void;

package/dist/types/primitive/button-menu/button-menu.d.ts

@@ -0,0 +1,4 @@
+import { ButtonMenuProps } from './types';
+export declare const ButtonMenu: import('react').ForwardRefExoticComponent<ButtonMenuProps & import('react').RefAttributes<HTMLButtonElement>> & {
+    Item: import('react').ForwardRefExoticComponent<import('../../overlays/menu/types').MenuItemProps & import('react').RefAttributes<HTMLLIElement>>;
+};

package/dist/types/primitive/button-menu/index.d.ts

@@ -0,0 +1,2 @@
+export { ButtonMenu } from './button-menu';
+export type { ButtonMenuProps } from './types';

package/dist/types/primitive/button-menu/types.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { IconProps } from '../icon';
+import { ButtonIconProps } from '../button-icon';
+export interface ButtonMenuProps extends Omit<ButtonIconProps, 'content'>, Pick<IconProps, 'as'> {
+    /**
+     * Callback function triggered when the menu open state changes.
+     */
+    onOpenChange?: (isOpen: boolean) => void;
+    /**
+     * The content to be displayed inside the menu.
+     */
+    content: ReactNode;
+}

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

@@ -0,0 +1,3 @@
+import { CardListItemProps, CardListProps } from './types';
+export declare const CardList: import('react').ForwardRefExoticComponent<CardListProps & import('react').RefAttributes<HTMLUListElement>>;
+export declare const CardListItem: import('react').ForwardRefExoticComponent<CardListItemProps & import('react').RefAttributes<HTMLLIElement>>;

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

@@ -1,24 +1,5 @@
 import { CardProps } from './types';
-/**
- * Card component - A clickable container component for displaying structured information
- *
- * Features:
- * - All cards are clickable by default with hover effects
- * - Structured layout with avatar, title, subtitle, badge, and supplementary info
- * - Multiple color variants with soft backgrounds
- * - Configurable padding sizes and shapes
- * - Built with accessibility in mind
- *
- * @example
- * ```tsx
- * <Card
- *   title="John Doe"
- *   subtitle="Software Engineer"
- *   avatar={<Avatar shape="rounded">JD</Avatar>}
- *   badge={<BadgeGroup><Badge color="secondary">Available</Badge></BadgeGroup>}
- *   supplementaryInfo="$2,847.32"
- *   onClick={handleClick}
- * />
- * ```
- */
-export declare const Card: import('react').ForwardRefExoticComponent<CardProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Card: import('react').ForwardRefExoticComponent<CardProps & import('react').RefAttributes<HTMLButtonElement>> & {
+    List: import('react').ForwardRefExoticComponent<import('./types').CardListProps & import('react').RefAttributes<HTMLUListElement>>;
+    ListItem: import('react').ForwardRefExoticComponent<import('./types').CardListItemProps & import('react').RefAttributes<HTMLLIElement>>;
+};

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

@@ -1,10 +1,10 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { ButtonHTMLAttributes, ReactNode } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { cardVariants } from './helpers';
 /**
  * Props for the Card component
  */
-export interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'children'>, VariantProps<typeof cardVariants> {
+export interface CardProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'title' | 'children'>, VariantProps<typeof cardVariants> {
     /**
      * Size variant affecting padding
      * @default 'md'
@@ -36,4 +36,15 @@ export interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'
      * Usually used for amounts, status, or additional info
      */
     supplementaryInfo?: ReactNode;
+    /**
+     * Whether the card is bordered
+     * @default false
+     */
+    bordered?: boolean;
 }
+export type CardListProps = {
+    children: ReactNode;
+};
+export type CardListItemProps = {
+    children: ReactNode;
+};

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

@@ -9,7 +9,6 @@ export * from './button';
 export * from './button-float';
 export * from './button-icon';
 export * from './calculator';
-export * from './calendar';
 export * from './card';
 export * from './filter-chip';
 export * from './icon';
@@ -18,5 +17,4 @@ export * from './snackbar';
 export * from './table';
 export * from './text';
 export * from './tile';
-export * from './description-list';
 export * from './image';

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

@@ -55,10 +55,9 @@ const symbolToSubpath = {
   "Button": "primitive",
   "ButtonFloat": "primitive",
   "ButtonIcon": "primitive",
+  "ButtonMenu": "primitive",
   "Calculator": "primitive",
-  "Calendar": "primitive",
   "Card": "primitive",
-  "DescriptionList": "primitive",
   "FilterChip": "primitive",
   "Icon": "primitive",
   "ImageCircle": "primitive",

package/package.json

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

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

@@ -1,13 +0,0 @@
-import { FC } from 'react';
-/**
- * CalendarHeader atom for Calendar component
- */
-export declare const CalendarHeader: FC;
-/**
- * CalendarWeekdays atom for Calendar component
- */
-export declare const CalendarWeekdays: React.FC;
-/**
- * CalendarDays atom: delegates to single or range atom based on context
- */
-export declare const CalendarDays: FC;

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

@@ -1,8 +0,0 @@
-import { default as React } from 'react';
-import { CalendarProps } from './types';
-/**
- * Calendar component (Compound Pattern)
- * Implements a month view date picker following Material 3 specs and Versaur standards
- */
-export declare const CalendarRoot: React.FC<CalendarProps>;
-export declare const Calendar: React.FC<CalendarProps>;

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

@@ -1,2 +0,0 @@
-export { Calendar } from './calendar';
-export type * from './types';

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

@@ -1,54 +0,0 @@
-/**
- * CalendarProps defines the props for the Calendar component
- * @property value - The selected date
- * @property onChange - Callback when a date is selected
- * @property className - Custom class for the calendar container
- */
-/**
- * Calendar selection type
- * - 'single': single date selection
- * - 'range': date range selection (start and end)
- */
-export type CalendarType = 'single' | 'range';
-/**
- * Calendar value type
- * - Date for single
- * - [Date | null, Date | null] for range
- */
-export type CalendarValue = Date | [Date | null, Date | null];
-/**
- * CalendarProps defines the props for the Calendar component
- * @property value - The selected date or range
- * @property onChange - Callback when a date or range is selected
- * @property className - Custom class for the calendar container
- * @property type - Selection type: 'single' or 'range'
- */
-export interface CalendarProps {
-    /**
-     * The selected date or range
-     */
-    value?: CalendarValue;
-    /**
-     * Callback when a date or range is selected
-     */
-    onChange?: (value: CalendarValue) => void;
-    /**
-     * Custom class for the calendar container
-     */
-    className?: string;
-    /**
-     * Selection type: 'single' or 'range'
-     */
-    type?: CalendarType;
-}
-/**
- * Props for CalendarHeader atom
- */
-export interface CalendarHeaderProps {
-    value?: CalendarValue;
-    year: number;
-    month: number;
-    onPrevMonth: () => void;
-    onNextMonth: () => void;
-    className?: string;
-}

package/dist/types/primitive/calendar/use-calendar.d.ts

@@ -1,18 +0,0 @@
-import { CalendarType, CalendarValue } from './types';
-export interface UseCalendarProps {
-    value?: CalendarValue;
-    type: CalendarType;
-    onChange?: (value: CalendarValue) => void;
-    initialYear: number;
-    initialMonth: number;
-}
-export declare function useCalendar({ value: controlledValue, type, onChange, initialYear, initialMonth, }: UseCalendarProps): {
-    year: number;
-    month: number;
-    value: CalendarValue | undefined;
-    setMonth: import('react').Dispatch<import('react').SetStateAction<number>>;
-    setYear: import('react').Dispatch<import('react').SetStateAction<number>>;
-    onChange: (val: CalendarValue) => void;
-    handlePrevMonth: () => void;
-    handleNextMonth: () => void;
-};

package/dist/types/primitive/description-list/description-list.atoms.d.ts

@@ -1,13 +0,0 @@
-import { DescriptionListItemProps, DescriptionListTermProps, DescriptionListDetailsProps } from './types';
-/**
- * DescriptionList.Item atom
- */
-export declare const DescriptionListItem: import('react').ForwardRefExoticComponent<DescriptionListItemProps & import('react').RefAttributes<HTMLDivElement>>;
-/**
- * DescriptionList.Term atom
- */
-export declare const DescriptionListTerm: import('react').ForwardRefExoticComponent<DescriptionListTermProps & import('react').RefAttributes<HTMLElement>>;
-/**
- * DescriptionList.Details atom
- */
-export declare const DescriptionListDetails: import('react').ForwardRefExoticComponent<DescriptionListDetailsProps & import('react').RefAttributes<HTMLElement>>;

package/dist/types/primitive/description-list/description-list.d.ts

@@ -1,6 +0,0 @@
-import { DescriptionListProps } from './types';
-export declare const DescriptionList: import('react').ForwardRefExoticComponent<DescriptionListProps & import('react').RefAttributes<HTMLDListElement>> & {
-    Item: import('react').ForwardRefExoticComponent<import('./types').DescriptionListItemProps & import('react').RefAttributes<HTMLDivElement>>;
-    Term: import('react').ForwardRefExoticComponent<import('./types').DescriptionListTermProps & import('react').RefAttributes<HTMLElement>>;
-    Details: import('react').ForwardRefExoticComponent<import('./types').DescriptionListDetailsProps & import('react').RefAttributes<HTMLElement>>;
-};

package/dist/types/primitive/description-list/index.d.ts

@@ -1,2 +0,0 @@
-export { DescriptionList } from './description-list';
-export * from './types';

package/dist/types/primitive/description-list/types.d.ts

@@ -1,46 +0,0 @@
-import { ReactNode, HTMLAttributes } from 'react';
-import { TextProps } from '../text';
-/**
- * Props for the DescriptionList root component
- */
-export interface DescriptionListProps extends HTMLAttributes<HTMLDListElement> {
-    /**
-     * Children should be DescriptionList.Item elements
-     */
-    children: ReactNode;
-}
-/**
- * Props for DescriptionList.Item
- */
-export interface DescriptionListItemProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Children should be DescriptionList.Term and DescriptionList.Details
-     */
-    children: ReactNode;
-    /**
-     * Number of grid columns to span (default: 4)
-     */
-    span?: number;
-}
-/**
- * Props for DescriptionList.Term
- */
-export interface DescriptionListTermProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
-    /**
-     * Term label (required, string only)
-     */
-    children: string;
-}
-/**
- * Props for DescriptionList.Details
- */
-export interface DescriptionListDetailsProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
-    /**
-     * Details value (required, string only)
-     */
-    children: string;
-    /**
-     * Text Color (default: 'black')
-     */
-    color?: TextProps['color'];
-}