@dimasbaguspm/versaur 0.0.47 → 0.0.49

package/dist/types/templates/pin-verifier-drawer/index.d.ts

@@ -0,0 +1,2 @@
+export { PinVerifierDrawer } from './pin-verifier-drawer';
+export type { PinVerifierDrawerProps, NumericKeypadProps } from './types';

package/dist/types/templates/pin-verifier-drawer/pin-verifier-drawer.atoms.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { NumericKeypadProps } from './types';
+/**
+ * NumericKeypad - A 3x4 grid of numbers (1-9, 0) with delete button
+ * Provides touch-friendly input for PIN entry in drawer mode
+ */
+export declare const NumericKeypad: React.FC<NumericKeypadProps>;

package/dist/types/templates/pin-verifier-drawer/pin-verifier-drawer.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { PinVerifierDrawerProps } from './types';
+/**
+ * PinVerifierDrawer - A responsive PIN verification component
+ *
+ * Adapts between Modal (desktop) and Drawer (mobile) based on the `as` prop.
+ * For drawer mode, includes a numeric keypad for touch-friendly PIN entry.
+ * Provides complete PIN verification flow with proper accessibility and UX.
+ */
+export declare const PinVerifierDrawer: React.FC<PinVerifierDrawerProps>;

package/dist/types/templates/pin-verifier-drawer/types.d.ts

@@ -0,0 +1,97 @@
+import { ReactNode } from 'react';
+import { DrawerProps } from '../../overlays/drawer';
+import { ModalRootProps } from '../../overlays/modal';
+/**
+ * Pin verifier display mode
+ */
+export type PinVerifierAs = 'modal' | 'drawer';
+/**
+ * Base props for PinVerifierDrawer component
+ */
+export interface PinVerifierDrawerProps {
+    /**
+     * Whether the PIN verifier is open
+     */
+    isOpen: boolean;
+    /**
+     * Callback fired when the verifier should close
+     */
+    onClose: () => void;
+    /**
+     * Title to display in the header
+     */
+    title?: ReactNode;
+    /**
+     * Current PIN value (controlled)
+     */
+    value?: string;
+    /**
+     * Default PIN value (uncontrolled)
+     */
+    defaultValue?: string;
+    /**
+     * Callback fired when PIN value changes
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Callback fired when PIN is completed (6 digits entered)
+     */
+    onComplete?: (value: string) => void;
+    /**
+     * Callback fired when verify button is clicked
+     */
+    onVerify?: (value: string) => void;
+    /**
+     * Whether to show PIN as dots for security
+     */
+    secure?: boolean;
+    /**
+     * Whether the component is in a loading state
+     */
+    loading?: boolean;
+    /**
+     * Error message for invalid PIN
+     */
+    error?: ReactNode;
+    /**
+     * Whether to show the numeric keypad (only shown for drawer mode)
+     */
+    showKeypad?: boolean;
+    /**
+     * Display mode - 'modal' for desktop, 'drawer' for mobile
+     */
+    as?: PinVerifierAs;
+    /**
+     * Custom verify button text
+     */
+    verifyButtonText?: string;
+    /**
+     * Additional props passed to Modal (when as='modal')
+     */
+    modalProps?: Partial<Omit<ModalRootProps, 'isOpen' | 'onClose' | 'children'>>;
+    /**
+     * Additional props passed to Drawer (when as='drawer')
+     */
+    drawerProps?: Partial<Omit<DrawerProps, 'isOpen' | 'onClose' | 'children'>>;
+}
+/**
+ * Props for the numeric keypad
+ */
+export interface NumericKeypadProps {
+    /**
+     * Callback fired when a number is pressed
+     */
+    onNumberPress: (digit: string) => void;
+    /**
+     * Callback fired when delete/backspace is pressed
+     */
+    onDelete: () => void;
+    /**
+     * Whether the keypad is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Size of the keypad buttons
+     */
+    size?: 'sm' | 'md' | 'lg';
+}

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

@@ -16,8 +16,6 @@ const symbolToSubpath = {
   "PriceInput": "forms",
   "RadioInput": "forms",
   "SearchInput": "forms",
-  "SegmentMultipleInput": "forms",
-  "SegmentSingleInput": "forms",
   "SelectInput": "forms",
   "SelectableMultipleInput": "forms",
   "SelectableSingleInput": "forms",
@@ -33,7 +31,6 @@ const symbolToSubpath = {
   "FormLayout": "layouts",
   "PageContent": "layouts",
   "PageHeader": "layouts",
-  "PageLayout": "layouts",
   "PageLoader": "layouts",
   "SideBar": "layouts",
   "TopBar": "layouts",
@@ -54,6 +51,7 @@ const symbolToSubpath = {
   "Badge": "primitive",
   "Brand": "primitive",
   "Button": "primitive",
+  "ButtonAnchor": "primitive",
   "ButtonIcon": "primitive",
   "ButtonMenu": "primitive",
   "ButtonMenuIcon": "primitive",
@@ -73,6 +71,7 @@ const symbolToSubpath = {
   "Tile": "primitive",
   "SnackbarsProvider": "providers",
   "useSnackbars": "providers",
+  "PinVerifierDrawer": "templates",
   "cn": "utils",
   "cva": "utils",
   "createVariants": "utils",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dimasbaguspm/versaur",
-  "version": "0.0.47",
+  "version": "0.0.49",
   "description": "React UI library with Tailwind CSS",
   "author": "Dimas Bagus Prayogo Mukti<dimas.bagus.pm@gmail.com>",
   "license": "MIT",
@@ -42,6 +42,10 @@
       "import": "./dist/js/providers/index.js",
       "types": "./dist/types/providers/index.d.ts"
     },
+    "./templates": {
+      "import": "./dist/js/templates/index.js",
+      "types": "./dist/types/templates/index.d.ts"
+    },
     "./styles.css": "./dist/assets/styles.css",
     "./eslint-subpath-import": "./dist/utils/enforce-subpath-import.js"
   },