@dropi/ui 0.1.43 → 0.1.45

package/dist/types/components/dropi-checkbox/dropi-checkbox.d.ts

@@ -5,12 +5,17 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * Supports form association via native `<input type="checkbox">` internals.
  */
 export declare class DropiCheckbox {
+    internals: ElementInternals;
+    /** Name for native form submission */
+    name: string;
     /** Whether the checkbox is checked */
     checked: boolean;
     /** Whether the checkbox is disabled */
     disabled: boolean;
     /** Emitted when the checked state changes */
     dropiChange: EventEmitter<boolean>;
+    checkedChanged(val: boolean): void;
+    componentWillLoad(): void;
     private changeState;
     render(): any;
 }

package/dist/types/components/dropi-country-selector/dropi-country-selector.d.ts

@@ -12,6 +12,9 @@ export interface CountryItem {
  * <dropi-country-selector label="País" placeholder="Selecciona un país"></dropi-country-selector>
  */
 export declare class DropiCountrySelector {
+    internals: ElementInternals;
+    /** Name for native form submission */
+    name: string;
     /** Label above the select */
     label: string;
     /** Placeholder when nothing is selected */

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

@@ -5,12 +5,16 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * Emits ISO date strings (YYYY-MM-DD).
  */
 export declare class DropiDatePicker {
+    internals: ElementInternals;
+    /** Name for native form submission */
+    name: string;
     /** Selected date (ISO string, single mode) - matches Angular 'selectedDate' */
     selectedDate: string;
     /** Range start date (ISO string, range mode) */
     startDate: string;
     /** Range end date (ISO string, range mode) */
     endDate: string;
+    valueChanged(): void;
     /** Enable range selection - matches Angular selectionMode */
     selectionMode: 'single' | 'range';
     /** Min selectable date (ISO string) */
@@ -42,6 +46,8 @@ export declare class DropiDatePicker {
         start: string;
         end: string;
     }>;
+    componentWillLoad(): void;
+    private updateFormValue;
     private get displayValue();
     private open_;
     private prevMonth;

package/dist/types/components/dropi-otp-send-code/dropi-otp-send-code.d.ts

@@ -4,6 +4,9 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * OTP input with configurable length, countdown timer and resend capability.
  */
 export declare class DropiOtpSendCode {
+    internals: ElementInternals;
+    /** Name for native form submission */
+    name: string;
     /** Delivery method label */
     engine: 'email' | 'sms' | '2fa';
     /** Contact info (email/phone to show in label) */

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

@@ -6,6 +6,9 @@ import { EventEmitter } from '../../stencil-public-runtime';
  */
 export declare class DropiPhoneInput {
     el: HTMLElement;
+    internals: ElementInternals;
+    /** Name for native form submission */
+    name: string;
     /** Initial country dial code (e.g. "57") — matches Angular 'CodArea' setter */
     codArea: string;
     /** Phone number value — matches Angular 'ngModelPhone' */
@@ -39,8 +42,10 @@ export declare class DropiPhoneInput {
     /** Emitted when country selection changes — matches Angular 'onChangeSelect' */
     dropiChangeSelect: EventEmitter<any>;
     codAreaChanged(): void;
+    ngModelPhoneChanged(): void;
     selectedOptionChanged(val: any): void;
     componentWillLoad(): void;
+    private updateFormValue;
     private get selectedCountry();
     private selectCountry;
     private handleInput;

package/dist/types/components/dropi-radio-button/dropi-radio-button.d.ts

@@ -4,6 +4,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * Styled radio button with label.
  */
 export declare class DropiRadioButton {
+    internals: ElementInternals;
     /** Label text displayed next to the radio */
     label: string;
     /** Input name (for grouping radio buttons) */
@@ -20,6 +21,8 @@ export declare class DropiRadioButton {
     /** Emitted when the radio is selected */
     dropiChange: EventEmitter<any>;
     onResetTrigger(val: boolean): void;
+    checkedChanged(val: boolean): void;
+    componentWillLoad(): void;
     private handleChange;
     render(): any;
 }

package/dist/types/components/dropi-switch/dropi-switch.d.ts

@@ -4,12 +4,17 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * Toggle switch component. Emits dropiChange on toggle.
  */
 export declare class DropiSwitch {
+    internals: ElementInternals;
+    /** Name for native form submission */
+    name: string;
     /** Whether the switch is on */
     isChecked: boolean;
     /** Whether the switch is disabled */
     disabled: boolean;
     /** Emitted when the toggle state changes */
     dropiChange: EventEmitter<boolean>;
+    checkedChanged(val: boolean): void;
+    componentWillLoad(): void;
     private onToggleChange;
     render(): any;
 }

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
@@ -857,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'
@@ -924,6 +939,11 @@ export namespace Components {
           * @default ''
          */
         "minDate": string;
+        /**
+          * Name for native form submission
+          * @default ''
+         */
+        "name": string;
         /**
           * Placeholder
           * @default 'DD/MM/YYYY'
@@ -1745,6 +1765,11 @@ export namespace Components {
           * @default ''
          */
         "labelContact": string;
+        /**
+          * Name for native form submission
+          * @default ''
+         */
+        "name": string;
         /**
           * Show contact label
           * @default false
@@ -1808,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 ''
@@ -2308,6 +2338,11 @@ export namespace Components {
           * @default false
          */
         "isChecked": boolean;
+        /**
+          * Name for native form submission
+          * @default ''
+         */
+        "name": string;
     }
     /**
      * @component dropi-table
@@ -4667,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)
          */
@@ -4954,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;
         /**
@@ -5141,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
@@ -5151,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.
          */
@@ -5197,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
@@ -5222,6 +5288,11 @@ declare namespace LocalJSX {
           * @default ''
          */
         "minDate"?: string;
+        /**
+          * Name for native form submission
+          * @default ''
+         */
+        "name"?: string;
         /**
           * Emitted when date selected — matches Angular 'onChangeDate'
          */
@@ -6132,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'
@@ -6142,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).
          */
@@ -6216,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 ''
@@ -6803,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;
         /**
@@ -7401,6 +7499,7 @@ declare namespace LocalJSX {
         "postIcon": string;
         "customIconColor": string;
         "text": string;
+        "nativeType": ButtonNativeType;
     }
     interface DropiCardCheckboxAttributes {
         "type": 'default' | 'with card';
@@ -7444,6 +7543,7 @@ declare namespace LocalJSX {
         "circular": string;
     }
     interface DropiCheckboxAttributes {
+        "name": string;
         "checked": boolean;
         "disabled": boolean;
     }
@@ -7480,6 +7580,7 @@ declare namespace LocalJSX {
         "height": string;
     }
     interface DropiCountrySelectorAttributes {
+        "name": string;
         "label": string;
         "placeholder": string;
         "currentSelection": string;
@@ -7492,6 +7593,7 @@ declare namespace LocalJSX {
         "appendTo": string;
     }
     interface DropiDatePickerAttributes {
+        "name": string;
         "selectedDate": string;
         "startDate": string;
         "endDate": string;
@@ -7674,6 +7776,7 @@ declare namespace LocalJSX {
         "showMenuToggle": boolean;
     }
     interface DropiOtpSendCodeAttributes {
+        "name": string;
         "engine": 'email' | 'sms' | '2fa';
         "labelContact": string;
         "showLabelContact": boolean;
@@ -7689,6 +7792,7 @@ declare namespace LocalJSX {
         "noLabels": boolean;
     }
     interface DropiPhoneInputAttributes {
+        "name": string;
         "codArea": string;
         "ngModelPhone": string;
         "phoneNumberPlaceholder": string | null;
@@ -7793,6 +7897,7 @@ declare namespace LocalJSX {
         "state": StepState;
     }
     interface DropiSwitchAttributes {
+        "name": string;
         "isChecked": boolean;
         "disabled": boolean;
     }