@paygreen/pgui 3.0.1 → 3.0.3

package/dist/components/date-picker/date-picker.d.ts

@@ -2,6 +2,10 @@
  * Props for the DatePicker component
  */
 export interface DatePickerProps {
+    /** ID attribute for the input element */
+    id?: string;
+    /** Name attribute for form integration */
+    name?: string;
     /** The selected date or date range */
     value?: Date | [Date | null, Date | null] | null;
     /** Label text displayed above the input */
@@ -25,9 +29,11 @@ export interface DatePickerProps {
     /** Callback fired when the input loses focus */
     onBlur?: () => void;
     /** Whether the input is disabled */
-    isDisabled?: boolean;
+    disabled?: boolean;
     /** Whether to show a clear button when there's a value (default: true) */
     clearable?: boolean;
+    /** Whether the input is in invalid state */
+    invalid?: boolean;
 }
 /**
  * A reusable date picker component with floating label and range selection support
@@ -64,6 +70,15 @@ export interface DatePickerProps {
  *   onChange={setDate}
  *   clearable={false}
  * />
+ *
+ * // With name and id for form integration:
+ * <DatePicker
+ *   id="birthdate-input"
+ *   name="birthdate"
+ *   label="Birthdate"
+ *   value={date}
+ *   onChange={setDate}
+ * />
  * ```
  */
 declare const DatePicker: import('react').ForwardRefExoticComponent<DatePickerProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/field-wrapper/field-wrapper.d.ts

@@ -1,11 +1,11 @@
 import { ReactNode } from 'react';
 interface FieldContextType {
     /** Whether the field is invalid */
-    isInvalid?: boolean;
+    invalid?: boolean;
     /** Whether the field is required */
-    isRequired?: boolean;
+    required?: boolean;
     /** Whether the field is disabled */
-    isDisabled?: boolean;
+    disabled?: boolean;
 }
 export interface FieldWrapperProps {
     /** The field label */
@@ -13,11 +13,11 @@ export interface FieldWrapperProps {
     /** The error message to display */
     errorMessage?: string;
     /** Whether the field is invalid */
-    isInvalid?: boolean;
+    invalid?: boolean;
     /** Whether the field is required */
-    isRequired?: boolean;
+    required?: boolean;
     /** Whether the field is disabled */
-    isDisabled?: boolean;
+    disabled?: boolean;
     /** Helper text to display below the field */
     helperText?: string;
     /** The field content (input, select, etc.) */
@@ -35,8 +35,8 @@ export interface FieldWrapperProps {
  * <FieldWrapper
  *   label="Email"
  *   errorMessage="Please enter a valid email"
- *   isInvalid={hasError}
- *   isRequired
+ *   invalid={hasError}
+ *   required
  * >
  *   <Input type="email" />
  * </FieldWrapper>

package/dist/components/input/input.d.ts

@@ -1,12 +1,13 @@
+import { ReactNode } from 'react';
 import { InputProps as ChakraInputProps } from '@chakra-ui/react';
 /**
  * Props for the Input component
  */
 export interface InputProps extends ChakraInputProps {
     /** Label text displayed above the input */
-    label?: string;
+    label?: ReactNode;
     /** Whether the input is disabled */
-    isDisabled?: boolean;
+    disabled?: boolean;
 }
 /**
  * A reusable input component that extends Chakra UI's Input with floating label and field validation
@@ -16,7 +17,7 @@ export interface InputProps extends ChakraInputProps {
  * <Input
  *   label="Email"
  *   placeholder="Enter your email"
- *   isRequired
+ *   required
  * />
  * ```
  */

package/dist/components/input-mask/input-mask.d.ts

@@ -20,7 +20,7 @@ export interface InputMaskProps extends Omit<InputProps, 'onChange'> {
  *   label="Phone"
  *   mask="(999) 999-9999"
  *   placeholder="(555) 555-5555"
- *   isRequired
+ *   required
  * />
  * ```
  */

package/dist/components/input-phone/input-phone.d.ts

@@ -17,7 +17,7 @@ export interface InputPhoneProps {
     /** Callback fired when the phone number changes */
     onChange?: (value: string) => void;
     /** Whether the input is required */
-    isRequired?: boolean;
+    required?: boolean;
     /** Whether the input is invalid */
     invalid?: boolean;
     /** Error message to display when invalid */
@@ -51,12 +51,12 @@ declare const formatPhoneIntl: (val: string) => string;
  * <InputPhone
  *   value="+33612345678"
  *   onChange={setPhoneNumber}
- *   isRequired
+ *   required
  * />
  * ```
  */
 declare const InputPhone: {
-    ({ locale, label, value, placeholder, disabled, inputProps, onChange, isRequired, invalid, errorMessage, searchLabels, ...props }: InputPhoneProps): import("react/jsx-runtime").JSX.Element;
+    ({ locale, label, value, placeholder, disabled, inputProps, onChange, required, invalid, errorMessage, searchLabels, ...props }: InputPhoneProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { formatPhoneIntl, InputPhone, isValidPhone };

package/dist/components/sidebar/sidebar.d.ts

@@ -13,7 +13,7 @@ export interface SidebarTheme {
     /** Box shadow */
     boxShadow?: string;
     /** Z-index value */
-    zIndex?: number;
+    zIndex?: number | string;
     /** Transition duration for animations */
     transitionDuration?: string;
 }