enwawa-ui 1.5.4 → 1.6.1

package/lib/index.d.ts

@@ -985,11 +985,15 @@ export interface AtTextProps {
     /**
      * Element width
      */
-    $width?: number;
+    $width?: number | string;
     /**
      * font size
      */
     $fontSize?: number;
+    /**
+     * textAlign
+     */
+    $textAlign?: "center" | "left" | "right" | "justify" | "initial" | "inherit" | "unset";
 }
 export const AtText: React.FC<AtTextProps>;
 export interface AtTitleProps {
@@ -1834,6 +1838,24 @@ export interface OrTicketCardProps {
     onChange?: (e: string | React.MouseEvent<HTMLAnchorElement, MouseEvent> | React.MouseEvent<HTMLButtonElement, MouseEvent> | number | null) => void;
 }
 export const OrTicketCard: React.FC<OrTicketCardProps>;
+export interface OrPlanCardsProps {
+    /**
+     * Active subscriptions
+     */
+    activeSubscriptions?: Array<{
+        title: string;
+        description: string;
+    }>;
+    /**
+     * subscriptions onChange event
+     */
+    subscriptionOnChange?: (e: _RadioChangeEvent1) => void;
+    /**
+     * Plans and Subscriptions
+     */
+    subscriptions: Array<MlSubscriptionCardProps>;
+}
+export const OrPlanCards: React.FC<OrPlanCardsProps>;
 export interface OrCoinTableProps {
     /**
      * List of coins available
@@ -2160,6 +2182,22 @@ export interface OrContentProps extends LayoutProps {
     $main?: boolean;
 }
 export const OrContent: React.FC<OrContentProps>;
+export type Size = 'large' | 'middle' | 'small';
+declare const sizes: {
+    [key in Size]: {
+        fontSize: number;
+        height: number;
+    };
+};
+export interface OrCopyInfoProps {
+    text?: string;
+    copyable?: boolean;
+    size?: keyof typeof sizes;
+    id?: string;
+    onCopy?: () => {};
+    textProps?: AtTextProps;
+}
+export const OrCopyInfo: React.FC<OrCopyInfoProps>;
 export interface OrCountryCardProps {
     /**
      * The ID for card
@@ -2610,11 +2648,31 @@ export interface OrPhoneInputProps {
     rules?: MlFromItemProps['rules'];
 }
 export const OrPhoneInput: React.FC<OrPhoneInputProps>;
+export interface OrSelectInputProps {
+    /**
+     * Dial codes options
+     */
+    options: AtSelectProps['options'];
+    /**
+     * Disabled input
+     */
+    disabled?: boolean;
+    /**
+     * Rules for validation
+     * @default []
+    */
+    rules?: MlFromItemProps['rules'][];
+    type?: 'number' | 'text';
+    fieldName: string;
+    inputProps?: AtTextInputProps | AtNumberInputProps;
+    selectProps?: AtSelectProps;
+}
+export const OrSelectInput: React.FC<OrSelectInputProps>;
 export interface OrFormInLineItem {
     /**
      * Type of components available for the form
      */
-    component: 'radio' | 'number-input' | 'checkbox' | 'select' | 'select-multiple' | 'text' | 'phone' | 'date-picker' | 'cvc' | 'name';
+    component: 'radio' | 'number-input' | 'checkbox' | 'select' | 'select-multiple' | 'text' | 'phone' | 'date-picker' | 'cvc' | 'name' | 'select-input' | 'info' | 'copy-info';
     /**
      * Label of the field
      */
@@ -2654,6 +2712,10 @@ export interface OrFormInLineItem {
      * Format of the date
      */
     format?: string;
+    textProps?: AtTextProps & {
+        text?: string;
+    };
+    onClick?: () => any;
 }
 export interface OrFormItemsInlineProps {
     inputs?: Array<OrFormInLineItem | OrFormInLineItem[]>;
@@ -2684,6 +2746,14 @@ export interface OrTableModuleLayoutProps {
      * padding
      */
     padding?: string;
+    /**
+     * whether to show left arrow
+     */
+    leftArrow?: boolean;
+    /**
+     * left arrow click event
+     */
+    onClickLeftArrow?: () => void;
 }
 export const OrTableModuleLayout: React.FC<OrTableModuleLayoutProps>;
 export interface OrHeaderBalanceProps {
@@ -2703,6 +2773,14 @@ export interface OrHeaderBalanceProps {
      * container padding
      */
     padding?: string;
+    /**
+     * whether to show left arrow
+     */
+    showLeftArrow?: boolean;
+    /**
+     * left arrow click event
+     */
+    onClickLeftArrow?: () => void;
 }
 export const OrHeaderBalance: React.FC<OrHeaderBalanceProps>;
 type _Size1 = 'large' | 'middle' | 'small';
@@ -2928,20 +3006,14 @@ export interface OrLoginLayoutProps {
     children?: React.ReactNode;
 }
 export const OrLoginLayout: React.FC<OrLoginLayoutProps>;
-export type Size = 'large' | 'middle' | 'small';
-export const sizes: {
-    [key in Size]: {
-        width: number;
-        height: number;
-    };
-};
+type _Size2 = 'large' | 'middle' | 'small';
 export interface OrMarkProps {
     id?: string;
     text?: string;
     color?: AtTextProps['color'];
     backgroundColor?: string;
     onClick?: React.MouseEventHandler<HTMLDivElement>;
-    size?: Size;
+    size?: _Size2;
     position: {
         lat: number;
         lng: number;
@@ -3662,6 +3734,14 @@ export interface TmRechargePageProps {
      * onChange radio group
      */
     onChangeRadio?: MlRadioGroupProps['onChange'];
+    /**
+     * whether to show left arrow
+     */
+    showLeftArrow?: boolean;
+    /**
+     * left arrow click event
+     */
+    onClickLeftArrow?: () => void;
 }
 export const TmRechargePage: React.FC<TmRechargePageProps>;
 export interface OrPaymentCardProps {