@dimasbaguspm/versaur 0.0.27 → 0.0.29

package/dist/types/overlays/bottom-sheet/types.d.ts

@@ -12,6 +12,10 @@ export interface BottomSheetProps extends HTMLAttributes<HTMLDivElement>, Overla
      * Called when the backdrop is clicked (should close the sheet)
      */
     onClose: () => void;
+    /**
+     * Whether to disable overlay click to close
+     */
+    disableOverlayClickToClose?: boolean;
     /**
      * Content of the bottom sheet
      */

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

@@ -38,23 +38,15 @@ export interface DrawerContextValue {
     variant: DrawerVariant;
     /** Drawer transition type */
     transitionType: DrawerTransitionType;
+    /** Whether to disable overlay click to close */
+    disableOverlayClickToClose: boolean;
+    /** Whether to disable escape key down */
+    disableEscapeKeyDown: boolean;
 }
 /**
  * Props for the Drawer component (controlled component)
  */
-export interface DrawerProps extends ComponentPropsWithoutRef<'div'>, OverlayPortalProps {
-    /** Whether the drawer is open (required - controlled component) */
-    isOpen: boolean;
-    /** Callback when the drawer should close */
-    onClose: (open: boolean) => void;
-    /** Drawer position */
-    position?: DrawerPosition;
-    /** Drawer size */
-    size?: DrawerSize;
-    /** Drawer variant */
-    variant?: DrawerVariant;
-    /** Drawer transition type */
-    transitionType?: DrawerTransitionType;
+export interface DrawerProps extends ComponentPropsWithoutRef<'div'>, OverlayPortalProps, Partial<Omit<DrawerContextValue, 'isOpen' | 'onClose'>>, Pick<DrawerContextValue, 'isOpen' | 'onClose'> {
     /** Children components */
     children: ReactNode;
 }

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

@@ -6,17 +6,27 @@ import { HTMLAttributes, ReactNode } from 'react';
 export type ModalSize = 'sm' | 'md' | 'lg' | 'fit-content';
 export type ModalPlacement = 'top' | 'center';
 /**
- * Modal compound root
+ * Context for the Modal compound component
+ * Provides shared state and functions across all modal sub-components
  */
-export interface ModalRootProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'>, OverlayPortalProps {
+export interface ModalContextValue {
     /** Controls whether the modal is open */
     isOpen: boolean;
     /** Function to close the modal */
     onClose: () => void;
     /** Modal size variant */
-    size?: ModalSize;
+    size: ModalSize;
     /** Modal placement variant */
-    placement?: ModalPlacement;
+    placement: ModalPlacement;
+    /** Whether to disable overlay click to close */
+    disableOverlayClickToClose: boolean;
+    /** Whether to disable escape key down */
+    disableEscapeKeyDown: boolean;
+}
+/**
+ * Modal compound root
+ */
+export interface ModalRootProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'>, OverlayPortalProps, Partial<Omit<ModalContextValue, 'isOpen' | 'onClose'>>, Pick<ModalContextValue, 'isOpen' | 'onClose'> {
     /** Children (Modal compound parts) */
     children: ReactNode;
 }

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

@@ -0,0 +1,10 @@
+import { AttributeProps } from './types';
+/**
+ * Attribute component for Versaur UI
+ *
+ * A simple component that displays a title and content in a structured format.
+ *
+ * Usage:
+ * <Attribute title="Name">John Doe</Attribute>
+ */
+export declare const Attribute: import('react').ForwardRefExoticComponent<AttributeProps & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,2 @@
+export { Attribute } from './attribute';
+export type { AttributeProps } from './types';

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

@@ -0,0 +1,14 @@
+import { ReactNode, HTMLAttributes } from 'react';
+/**
+ * Props for the Attribute component
+ */
+export interface AttributeProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * The attribute title (displayed as h4)
+     */
+    title: string;
+    /**
+     * The attribute content (displayed as p)
+     */
+    children: ReactNode;
+}

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

@@ -0,0 +1,5 @@
+import { AttributeListItemProps } from './types';
+/**
+ * AttributeList.Item atom
+ */
+export declare const AttributeListItem: import('react').ForwardRefExoticComponent<AttributeListItemProps & import('react').RefAttributes<HTMLLIElement>>;

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

@@ -0,0 +1,4 @@
+import { AttributeListProps } from './types';
+export declare const AttributeList: import('react').ForwardRefExoticComponent<AttributeListProps & import('react').RefAttributes<HTMLUListElement>> & {
+    Item: import('react').ForwardRefExoticComponent<import('./types').AttributeListItemProps & import('react').RefAttributes<HTMLLIElement>>;
+};

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

@@ -0,0 +1,2 @@
+export { AttributeList } from './attribute';
+export type { AttributeListProps, AttributeListItemProps } from './types';

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

@@ -0,0 +1,24 @@
+import { ReactNode, HTMLAttributes } from 'react';
+import { AttributeProps } from '../attribute/types';
+/**
+ * Props for the AttributeList root component
+ */
+export interface AttributeListProps extends HTMLAttributes<HTMLUListElement> {
+    /**
+     * Number of grid columns (default: 4)
+     */
+    columns?: number;
+    /**
+     * Children should be AttributeList.Item elements
+     */
+    children: ReactNode;
+}
+/**
+ * Props for AttributeList.Item
+ */
+export interface AttributeListItemProps extends Omit<HTMLAttributes<HTMLLIElement>, 'title' | 'children'>, Pick<AttributeProps, 'title' | 'children'> {
+    /**
+     * Number of grid columns to span (default: 1)
+     */
+    span?: number;
+}

package/dist/types/primitive/filter-chip/filter-chip.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { FilterChipProps } from './types';
+export declare const FilterChip: React.ForwardRefExoticComponent<FilterChipProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/primitive/filter-chip/index.d.ts

@@ -0,0 +1,2 @@
+export { FilterChip } from './filter-chip';
+export type { FilterChipProps } from './types';

package/dist/types/primitive/filter-chip/types.d.ts

@@ -0,0 +1,35 @@
+import { ButtonHTMLAttributes } from 'react';
+/**
+ * FilterChipProps defines the props for the FilterChip component
+ * @property variant - Visual style variant based on Versaur color system
+ * @property size - Size of the chip (sm, md, lg)
+ * @property disabled - Whether the chip is disabled
+ * @property onRemove - Callback when the remove icon is clicked
+ * @property label - The text content of the chip
+ */
+export interface FilterChipProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Visual style variant supporting Versaur color system
+     * Core variants: primary (coral), secondary (sage), tertiary (mist), ghost (slate), neutral (light gray)
+     * Semantic variants: success, info, warning, danger
+     * Each variant supports outline forms for flexible design expression
+     */
+    variant?: 'primary' | 'primary-outline' | 'secondary' | 'secondary-outline' | 'tertiary' | 'tertiary-outline' | 'ghost' | 'ghost-outline' | 'neutral' | 'neutral-outline' | 'success' | 'success-outline' | 'info' | 'info-outline' | 'warning' | 'warning-outline' | 'danger' | 'danger-outline';
+    /**
+     * Size of the chip
+     * sm: 28px height, compact for dense layouts
+     * md: 32px height, standard for most use cases
+     * lg: 36px height, prominent for important filters
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Whether the chip is disabled
+     * When true, the chip becomes non-interactive and visually dimmed
+     */
+    disabled?: boolean;
+    /**
+     * The text content of the chip
+     * This will be displayed as the main content
+     */
+    children: string;
+}

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

@@ -1,5 +1,7 @@
 export * from './alert';
 export * from './anchor';
+export * from './attribute';
+export * from './attribute-list';
 export * from './avatar';
 export * from './badge';
 export * from './brand';
@@ -9,6 +11,7 @@ export * from './button-icon';
 export * from './calculator';
 export * from './calendar';
 export * from './card';
+export * from './filter-chip';
 export * from './icon';
 export * from './no-results';
 export * from './snackbar';

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

@@ -31,6 +31,7 @@ const symbolToSubpath = {
   "BadgeGroup": "layouts",
   "BottomBar": "layouts",
   "ButtonGroup": "layouts",
+  "FilterChipGroup": "layouts",
   "FormLayout": "layouts",
   "PageContent": "layouts",
   "PageHeader": "layouts",
@@ -46,6 +47,8 @@ const symbolToSubpath = {
   "Tooltip": "overlays",
   "Alert": "primitive",
   "Anchor": "primitive",
+  "Attribute": "primitive",
+  "AttributeList": "primitive",
   "Avatar": "primitive",
   "Badge": "primitive",
   "Brand": "primitive",
@@ -56,6 +59,7 @@ const symbolToSubpath = {
   "Calendar": "primitive",
   "Card": "primitive",
   "DescriptionList": "primitive",
+  "FilterChip": "primitive",
   "Icon": "primitive",
   "ImageCircle": "primitive",
   "ImageSquare": "primitive",

package/package.json

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