npm - @dimasbaguspm/versaur - Versions diffs - 0.0.7 → 0.0.9 - Mend

@dimasbaguspm/versaur 0.0.7 → 0.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (249) hide show

package/dist/forms/calculator-input/types.d.ts ADDED Viewed

@@ -0,0 +1,51 @@
+import { CalculatorProps } from '../../primitive/calculator';
+import { ModalRootProps } from '../../overlays/modal';
+/**
+ * Props for CalculatorInput component
+ */
+export interface CalculatorInputProps extends Omit<CalculatorProps, 'value' | 'onChange'> {
+    /**
+     * The value of the input (number or empty string)
+     */
+    value: number | '';
+    /**
+     * Called when the value changes
+     */
+    onChange: (value: number | '') => void;
+    /**
+     * Label text to display above the input
+     */
+    label?: React.ReactNode;
+    /**
+     * Helper text to display below the input
+     */
+    helperText?: React.ReactNode;
+    /**
+     * Error message for invalid state
+     */
+    error?: React.ReactNode;
+    /**
+     * Placeholder text for the input
+     */
+    placeholder?: string;
+    /**
+     * If true, disables the input
+     */
+    disabled?: boolean;
+    /**
+     * Modal props for customizing the modal behavior
+     */
+    modalProps?: Partial<ModalRootProps>;
+    /**
+     * Optional: ARIA label for dialog
+     */
+    'aria-label'?: string;
+    /**
+     * Optional: ARIA labelledby for dialog
+     */
+    'aria-labelledby'?: string;
+    /**
+     * Optional: ARIA describedby for dialog
+     */
+    'aria-describedby'?: string;
+}

package/dist/forms/index.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+export * from './calculator-input';
+export * from './checkbox-input';
+export * from './chip-input';
+export * from './date-single-picker-input';
+export * from './radio-input';
+export * from './segment-single-input';
+export * from './segment-multiple-input';
+export * from './select-input';
+export * from './text-input';
+export * from './textarea-input';
+export * from './time-picker-input';
+export * from './switch-input';

package/dist/forms/index.js ADDED Viewed

@@ -0,0 +1,18 @@
+import { C as e, a as n, b as p, D as s, R as u, c as i, S as I, d as c, g as S, j as h, i as l, h as r, e as T, T as g, f as m } from "../switch-input-DRNFMsqC.js";
+export {
+  e as CalculatorInput,
+  n as CheckboxInput,
+  p as ChipInput,
+  s as DateSinglePickerInput,
+  u as RadioInput,
+  i as SegmentMultipleInput,
+  I as SegmentSingleInput,
+  c as SelectInput,
+  S as SwitchInput,
+  h as SwitchLabel,
+  l as SwitchThumb,
+  r as SwitchTrack,
+  T as TextAreaInput,
+  g as TextInput,
+  m as TimePickerInput
+};

package/dist/{components → forms}/segment-multiple-input/types.d.ts RENAMED Viewed

@@ -14,6 +14,10 @@ export interface SegmentMultipleInputProps extends Omit<InputHTMLAttributes<HTML
      * Size variant for the segment inputs
      */
     size?: 'sm' | 'md' | 'lg';
+    /**
+     * If true, options will fill the parent width equally
+     */
+    fullWidth?: boolean;
     /**
      * Label text to display above the segment group
      */

package/dist/{components → forms}/segment-single-input/types.d.ts RENAMED Viewed

@@ -14,6 +14,10 @@ export interface SegmentSingleInputProps extends Omit<InputHTMLAttributes<HTMLIn
      * Size variant for the segment inputs
      */
     size?: 'sm' | 'md' | 'lg';
+    /**
+     * If true, the segment group and its options will fill the parent width
+     */
+    fullWidth?: boolean;
     /**
      * Label text to display above the segment group
      */

package/dist/forms/time-picker-input/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { TimePickerInput } from './time-picker-input';
2	+ export type * from './types';

package/dist/forms/time-picker-input/time-picker-input.atoms.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+export interface TimeFieldProps {
+    value: string;
+    onChange: (val: string) => void;
+    label: string;
+    'aria-label'?: string;
+    disabled?: boolean;
+}
+export declare const TimeField: React.FC<TimeFieldProps>;
+export interface AmPmSegmentProps {
+    value: 'AM' | 'PM';
+    onChange: (val: 'AM' | 'PM') => void;
+    disabled?: boolean;
+}
+export declare const AmPmSegment: React.FC<AmPmSegmentProps>;

package/dist/forms/time-picker-input/time-picker-input.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { TimePickerInputProps } from './types';
+/**
+ * TimePickerInput component for Versaur UI
+ *
+ * Provides a modal-based time picker with hour, minute, and AM/PM selection
+ * Follows Material 3 guidelines (no clock UI)
+ */
+export declare const TimePickerInput: React.FC<TimePickerInputProps>;

package/dist/forms/time-picker-input/types.d.ts ADDED Viewed

@@ -0,0 +1,47 @@
+import { ReactNode } from 'react';
+import { ModalRootProps } from '../../overlays/modal';
+/**
+ * Props for the TimePickerInput component
+ */
+export interface TimePickerInputProps {
+    /**
+     * The selected time value in 12-hour format (e.g., '02:30 PM')
+     */
+    value: string;
+    /**
+     * Called when the time value changes
+     */
+    onChange: (value: string) => void;
+    /**
+     * Optional label for the input
+     */
+    label?: ReactNode;
+    /**
+     * Optional helper text below the input
+     */
+    helperText?: ReactNode;
+    /**
+     * Whether the input is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Optional error message
+     */
+    error?: ReactNode;
+    /**
+     * Whether to decide the modal placement'
+     */
+    placement?: ModalRootProps['placement'];
+    /**
+     * Optional: ARIA label for dialog
+     */
+    'aria-label'?: string;
+    /**
+     * Optional: ARIA labelledby for dialog
+     */
+    'aria-labelledby'?: string;
+    /**
+     * Optional: ARIA describedby for dialog
+     */
+    'aria-describedby'?: string;
+}