@dimasbaguspm/versaur 0.0.53 → 0.0.55

package/dist/types/forms/date-single-picker-input/types.d.ts

@@ -1,9 +1,9 @@
-import { TextInputProps } from '../text-input/types';
+import { TextInputAsButtonProps } from '../text-input-as-button/types';
 /**
  * Props for DateSinglePickerInput
- * Extends TextInputProps, but restricts type to 'date' and value to string
+ * Extends TextInputAsButtonProps for button-styled input behavior
  */
-export interface DateSinglePickerInputProps extends Omit<TextInputProps, 'type' | 'value' | 'onChange'> {
+export interface DateSinglePickerInputProps extends Omit<TextInputAsButtonProps, 'value' | 'onClick' | 'onChange'> {
     /**
      * The value of the input (ISO date string: YYYY-MM-DD)
      */

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

@@ -12,5 +12,6 @@ export * from './selectable-single-input';
 export * from './selectable-multiple-input';
 export * from './switch-input';
 export * from './text-input';
+export * from './text-input-as-button';
 export * from './textarea-input';
 export * from './time-picker-input';

package/dist/types/forms/text-input-as-button/index.d.ts

@@ -0,0 +1,2 @@
+export { TextInputAsButton } from './text-input-as-button';
+export type { TextInputAsButtonProps } from './types';

package/dist/types/forms/text-input-as-button/text-input-as-button.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { TextInputAsButtonProps } from './types';
+/**
+ * TextInputAsButton component for Versaur UI
+ *
+ * A button that mimics the style of TextInput, useful for triggering modals, pickers, or custom inputs
+ * Renders as a button with the same visual style as TextInput, with a hidden input for form submission
+ * Follows browser standards and accessibility best practices with proper ARIA attributes
+ */
+export declare const TextInputAsButton: React.ForwardRefExoticComponent<TextInputAsButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/forms/text-input-as-button/types.d.ts

@@ -0,0 +1,53 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+/**
+ * Props for the TextInputAsButton component
+ */
+export interface TextInputAsButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value'> {
+    /**
+     * Label text to display above the button
+     */
+    label?: ReactNode;
+    /**
+     * Optional content to display inside the button (left)
+     */
+    leftContent?: ReactNode;
+    /**
+     * Optional content to display inside the button (right)
+     */
+    rightContent?: ReactNode;
+    /**
+     * Helper text to display below the button
+     */
+    helperText?: ReactNode;
+    /**
+     * Error message for invalid state
+     */
+    error?: ReactNode;
+    /**
+     * Actual value to store in the hidden input (can be any serializable type)
+     * Used for form submission when name is provided
+     */
+    value?: string | number | boolean | string[] | number[] | object;
+    /**
+     * Display value to show in the button UI
+     * If not provided, will attempt to stringify the value
+     * Useful when value is a FK/ID and displayValue is the human-readable representation
+     */
+    displayValue?: string;
+    /**
+     * Placeholder text when no value is present
+     */
+    placeholder?: string;
+    /**
+     * Whether the field is required
+     */
+    required?: boolean;
+    /**
+     * Name attribute for the hidden input
+     */
+    name?: string;
+    /**
+     * ID for the component
+     */
+    id?: string;
+}

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

@@ -21,6 +21,7 @@ const symbolToSubpath = {
   "SelectableSingleInput": "forms",
   "SwitchInput": "forms",
   "TextInput": "forms",
+  "TextInputAsButton": "forms",
   "TextAreaInput": "forms",
   "TimePickerInput": "forms",
   "AppBar": "layouts",

package/package.json

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