@dropi/ui 0.1.42 → 0.1.44

package/dist/types/components.d.ts

@@ -10,7 +10,7 @@ import { AlertModalType } from "./components/dropi-alert-modal/dropi-alert-modal
 import { AvatarType } from "./components/dropi-avatars/dropi-avatars";
 import { BadgeState } from "./components/dropi-badge/dropi-badge";
 import { BreadcrumbItem } from "./components/dropi-breadcrumb/dropi-breadcrumb";
-import { ButtonSeverity, ButtonSize, ButtonState, ButtonType } from "./components/dropi-button/dropi-button";
+import { ButtonNativeType, ButtonSeverity, ButtonSize, ButtonState, ButtonType } from "./components/dropi-button/dropi-button";
 import { CheckboxOption } from "./components/dropi-checkbox-selection-list/dropi-checkbox-selection-list";
 import { ChipStyle, ChipType } from "./components/dropi-chips/dropi-chips";
 import { CityGroup } from "./components/dropi-city-selector/dropi-city-selector";
@@ -41,7 +41,7 @@ export { AlertModalType } from "./components/dropi-alert-modal/dropi-alert-modal
 export { AvatarType } from "./components/dropi-avatars/dropi-avatars";
 export { BadgeState } from "./components/dropi-badge/dropi-badge";
 export { BreadcrumbItem } from "./components/dropi-breadcrumb/dropi-breadcrumb";
-export { ButtonSeverity, ButtonSize, ButtonState, ButtonType } from "./components/dropi-button/dropi-button";
+export { ButtonNativeType, ButtonSeverity, ButtonSize, ButtonState, ButtonType } from "./components/dropi-button/dropi-button";
 export { CheckboxOption } from "./components/dropi-checkbox-selection-list/dropi-checkbox-selection-list";
 export { ChipStyle, ChipType } from "./components/dropi-chips/dropi-chips";
 export { CityGroup } from "./components/dropi-city-selector/dropi-city-selector";
@@ -441,6 +441,11 @@ export namespace Components {
           * @default false
          */
         "fullWidth": boolean;
+        /**
+          * Native HTML button type (submit, reset, button)
+          * @default 'button'
+         */
+        "nativeType": ButtonNativeType;
         /**
           * Icon name to show after the text
           * @default ''
@@ -684,6 +689,11 @@ export namespace Components {
           * @default false
          */
         "disabled": boolean;
+        /**
+          * Name for native form submission
+          * @default ''
+         */
+        "name": string;
     }
     /**
      * @component dropi-checkbox-selection-list
@@ -832,6 +842,11 @@ export namespace Components {
      * @example <dropi-country-selector label="País" placeholder="Selecciona un país"></dropi-country-selector>
      */
     interface DropiCountrySelector {
+        /**
+          * When set to "body", the dropdown renders with fixed positioning to escape parent overflow clipping
+          * @default ''
+         */
+        "appendTo": string;
         /**
           * Pre-selected country code (ISO 3166-1 alpha-2)
           * @default ''
@@ -852,6 +867,11 @@ export namespace Components {
           * @default ''
          */
         "label": string;
+        /**
+          * Name for native form submission
+          * @default ''
+         */
+        "name": string;
         /**
           * Placeholder when nothing is selected
           * @default 'Selecciona un país'
@@ -919,6 +939,11 @@ export namespace Components {
           * @default ''
          */
         "minDate": string;
+        /**
+          * Name for native form submission
+          * @default ''
+         */
+        "name": string;
         /**
           * Placeholder
           * @default 'DD/MM/YYYY'
@@ -1740,6 +1765,11 @@ export namespace Components {
           * @default ''
          */
         "labelContact": string;
+        /**
+          * Name for native form submission
+          * @default ''
+         */
+        "name": string;
         /**
           * Show contact label
           * @default false
@@ -1803,6 +1833,11 @@ export namespace Components {
           * @default undefined
          */
         "isValidPhone": boolean;
+        /**
+          * Name for native form submission
+          * @default ''
+         */
+        "name": string;
         /**
           * Phone number value — matches Angular 'ngModelPhone'
           * @default ''
@@ -2303,6 +2338,11 @@ export namespace Components {
           * @default false
          */
         "isChecked": boolean;
+        /**
+          * Name for native form submission
+          * @default ''
+         */
+        "name": string;
     }
     /**
      * @component dropi-table
@@ -4662,11 +4702,28 @@ declare namespace LocalJSX {
           * @default ''
          */
         "customIconColor"?: string;
+        /**
+          * If `true`, the user cannot interact with the element.
+         */
+        "disabled"?: boolean;
+        /**
+          * The `id` of a `<form>` element to associate this element with.
+         */
+        "form"?: string;
         /**
           * Full width button
           * @default false
          */
         "fullWidth"?: boolean;
+        /**
+          * The name of the element, used when submitting an HTML form.
+         */
+        "name"?: string;
+        /**
+          * Native HTML button type (submit, reset, button)
+          * @default 'button'
+         */
+        "nativeType"?: ButtonNativeType;
         /**
           * Emitted on click (not emitted when disabled or loading)
          */
@@ -4949,7 +5006,8 @@ declare namespace LocalJSX {
          */
         "form"?: string;
         /**
-          * The name of the element, used when submitting an HTML form.
+          * Name for native form submission
+          * @default ''
          */
         "name"?: string;
         /**
@@ -5121,6 +5179,11 @@ declare namespace LocalJSX {
      * @example <dropi-country-selector label="País" placeholder="Selecciona un país"></dropi-country-selector>
      */
     interface DropiCountrySelector {
+        /**
+          * When set to "body", the dropdown renders with fixed positioning to escape parent overflow clipping
+          * @default ''
+         */
+        "appendTo"?: string;
         /**
           * Pre-selected country code (ISO 3166-1 alpha-2)
           * @default ''
@@ -5131,6 +5194,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "disabled"?: boolean;
+        /**
+          * The `id` of a `<form>` element to associate this element with.
+         */
+        "form"?: string;
         /**
           * Show error border
           * @default false
@@ -5141,6 +5208,11 @@ declare namespace LocalJSX {
           * @default ''
          */
         "label"?: string;
+        /**
+          * Name for native form submission
+          * @default ''
+         */
+        "name"?: string;
         /**
           * Emitted when a country is selected. Detail is the CountryItem.
          */
@@ -5187,6 +5259,10 @@ declare namespace LocalJSX {
           * @default ''
          */
         "endDate"?: string;
+        /**
+          * The `id` of a `<form>` element to associate this element with.
+         */
+        "form"?: string;
         /**
           * Is invalid state - matches Angular
           * @default false
@@ -5212,6 +5288,11 @@ declare namespace LocalJSX {
           * @default ''
          */
         "minDate"?: string;
+        /**
+          * Name for native form submission
+          * @default ''
+         */
+        "name"?: string;
         /**
           * Emitted when date selected — matches Angular 'onChangeDate'
          */
@@ -6122,6 +6203,10 @@ declare namespace LocalJSX {
           * @default 6
          */
         "digitsCount"?: number;
+        /**
+          * If `true`, the user cannot interact with the element.
+         */
+        "disabled"?: boolean;
         /**
           * Delivery method label
           * @default 'email'
@@ -6132,11 +6217,20 @@ declare namespace LocalJSX {
           * @default ''
          */
         "errorMessage"?: string;
+        /**
+          * The `id` of a `<form>` element to associate this element with.
+         */
+        "form"?: string;
         /**
           * Contact info (email/phone to show in label)
           * @default ''
          */
         "labelContact"?: string;
+        /**
+          * Name for native form submission
+          * @default ''
+         */
+        "name"?: string;
         /**
           * Emitted when all digits are entered (alternative event).
          */
@@ -6206,16 +6300,29 @@ declare namespace LocalJSX {
           * @default '57'
          */
         "codArea"?: string;
+        /**
+          * If `true`, the user cannot interact with the element.
+         */
+        "disabled"?: boolean;
         /**
           * Disabled state — matches Angular 'disabledInput'
           * @default false
          */
         "disabledInput"?: boolean;
+        /**
+          * The `id` of a `<form>` element to associate this element with.
+         */
+        "form"?: string;
         /**
           * Validation state — matches Angular 'isValidPhone'
           * @default undefined
          */
         "isValidPhone"?: boolean;
+        /**
+          * Name for native form submission
+          * @default ''
+         */
+        "name"?: string;
         /**
           * Phone number value — matches Angular 'ngModelPhone'
           * @default ''
@@ -6793,7 +6900,8 @@ declare namespace LocalJSX {
          */
         "isChecked"?: boolean;
         /**
-          * The name of the element, used when submitting an HTML form.
+          * Name for native form submission
+          * @default ''
          */
         "name"?: string;
         /**
@@ -7391,6 +7499,7 @@ declare namespace LocalJSX {
         "postIcon": string;
         "customIconColor": string;
         "text": string;
+        "nativeType": ButtonNativeType;
     }
     interface DropiCardCheckboxAttributes {
         "type": 'default' | 'with card';
@@ -7434,6 +7543,7 @@ declare namespace LocalJSX {
         "circular": string;
     }
     interface DropiCheckboxAttributes {
+        "name": string;
         "checked": boolean;
         "disabled": boolean;
     }
@@ -7470,6 +7580,7 @@ declare namespace LocalJSX {
         "height": string;
     }
     interface DropiCountrySelectorAttributes {
+        "name": string;
         "label": string;
         "placeholder": string;
         "currentSelection": string;
@@ -7479,8 +7590,10 @@ declare namespace LocalJSX {
         "textHelper": string;
         "searchTerm": string;
         "selectProperties": string;
+        "appendTo": string;
     }
     interface DropiDatePickerAttributes {
+        "name": string;
         "selectedDate": string;
         "startDate": string;
         "endDate": string;
@@ -7663,6 +7776,7 @@ declare namespace LocalJSX {
         "showMenuToggle": boolean;
     }
     interface DropiOtpSendCodeAttributes {
+        "name": string;
         "engine": 'email' | 'sms' | '2fa';
         "labelContact": string;
         "showLabelContact": boolean;
@@ -7678,6 +7792,7 @@ declare namespace LocalJSX {
         "noLabels": boolean;
     }
     interface DropiPhoneInputAttributes {
+        "name": string;
         "codArea": string;
         "ngModelPhone": string;
         "phoneNumberPlaceholder": string | null;
@@ -7782,6 +7897,7 @@ declare namespace LocalJSX {
         "state": StepState;
     }
     interface DropiSwitchAttributes {
+        "name": string;
         "isChecked": boolean;
         "disabled": boolean;
     }