@dimasbaguspm/versaur 0.0.45 → 0.0.47

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

@@ -2,19 +2,17 @@ export * from './checkbox-input';
 export * from './chip-single-input';
 export * from './chip-multiple-input';
 export * from './date-single-picker-input';
+export * from './email-input';
+export * from './pin-field';
+export * from './price-input';
 export * from './radio-input';
+export * from './search-input';
 export * from './segment-single-input';
 export * from './segment-multiple-input';
-export * from './search-input';
 export * from './select-input';
+export * from './selectable-single-input';
+export * from './selectable-multiple-input';
+export * from './switch-input';
 export * from './text-input';
 export * from './textarea-input';
 export * from './time-picker-input';
-export * from './switch-input';
-export * from './price-input';
-export * from './email-input';
-export * from './selectable-single-input';
-export * from './selectable-multiple-input';
-export * from './modal-input';
-export * from './drawer-input';
-export * from './bottom-sheet-input';

package/dist/types/forms/pin-field/index.d.ts

@@ -0,0 +1,2 @@
+export { PinField } from './pin-field';
+export type { PinFieldProps } from './types';

package/dist/types/forms/pin-field/pin-field.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { PinFieldProps } from './types';
+/**
+ * PinField component for Versaur UI
+ *
+ * Provides a 6-digit PIN input field with automatic focus management
+ * Ensures only numeric input and follows accessibility best practices
+ */
+export declare const PinField: React.ForwardRefExoticComponent<PinFieldProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/forms/pin-field/types.d.ts

@@ -0,0 +1,86 @@
+import { ReactNode } from 'react';
+/**
+ * Props for the PinField component
+ */
+export interface PinFieldProps {
+    /**
+     * 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 form 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';
+    /**
+     * Label text to display above the pin field
+     */
+    label?: ReactNode;
+    /**
+     * Helper text to display below the pin field
+     */
+    helperText?: ReactNode;
+    /**
+     * Error message for invalid state
+     */
+    error?: ReactNode;
+    /**
+     * Whether the component is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Current value of the pin field (6 digits)
+     */
+    value?: string;
+    /**
+     * Default value for uncontrolled usage
+     */
+    defaultValue?: string;
+    /**
+     * Callback fired when the pin value changes
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Callback fired when the pin field is completed (all 6 digits entered)
+     */
+    onComplete?: (value: string) => void;
+    /**
+     * Whether to automatically submit when complete
+     */
+    autoSubmit?: boolean;
+    /**
+     * Custom className for styling
+     */
+    className?: string;
+    /**
+     * ID for the pin field group
+     */
+    id?: string;
+    /**
+     * Name attribute for form submission
+     */
+    name?: string;
+    /**
+     * Whether the pin field is required
+     */
+    required?: boolean;
+    /**
+     * Whether to show the pin values as dots/asterisks for security
+     */
+    secure?: boolean;
+}
+/**
+ * Props for individual pin input
+ */
+export interface PinInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    onKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    onFocus: () => void;
+    onPaste: (e: React.ClipboardEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+    error?: boolean;
+    variant: PinFieldProps['variant'];
+    secure?: boolean;
+    inputRef: (el: HTMLInputElement | null) => void;
+    index: number;
+    id: string;
+}

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

@@ -10,9 +10,7 @@ export * from './brand';
 export * from './button';
 export * from './button-menu';
 export * from './button-menu-icon';
-export * from './button-float';
 export * from './button-icon';
-export * from './calculator';
 export * from './card';
 export * from './filter-chip';
 export * from './heading';

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

@@ -7,14 +7,12 @@ const symbolToSubpath = {
   "LoadingIndicator": "feedbacks",
   "ProgressIndicator": "feedbacks",
   "Skeleton": "feedbacks",
-  "BottomSheetInput": "forms",
   "CheckboxInput": "forms",
   "ChipMultipleInput": "forms",
   "ChipSingleInput": "forms",
   "DateSinglePickerInput": "forms",
-  "DrawerInput": "forms",
   "EmailInput": "forms",
-  "ModalInput": "forms",
+  "PinField": "forms",
   "PriceInput": "forms",
   "RadioInput": "forms",
   "SearchInput": "forms",
@@ -56,11 +54,9 @@ const symbolToSubpath = {
   "Badge": "primitive",
   "Brand": "primitive",
   "Button": "primitive",
-  "ButtonFloat": "primitive",
   "ButtonIcon": "primitive",
   "ButtonMenu": "primitive",
   "ButtonMenuIcon": "primitive",
-  "Calculator": "primitive",
   "Card": "primitive",
   "FilterChip": "primitive",
   "Heading": "primitive",

package/package.json

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