@namiml/web-sdk 3.4.3-dev.202606151935 → 3.4.3-dev.202606181527

package/dist/components/elements/TextInput.d.ts

@@ -0,0 +1,34 @@
+import { type TTextInputComponent } from "@namiml/sdk-core";
+import { NamiElement } from "../NamiElement";
+import { type CSSResult } from "lit";
+export declare class NamiTextInput extends NamiElement<TTextInputComponent> {
+    component: TTextInputComponent;
+    inFocusedState: boolean;
+    scaleFactor: number;
+    /** Live (non-reactive) buffer of the input value; mirrors PaywallState. */
+    private _value;
+    /** Whether the input currently holds DOM focus. */
+    private _focused;
+    constructor();
+    connectedCallback(): void;
+    private get isTelevision();
+    /** Map the wire `type` to the validator's `TTextInputType`. */
+    private validatorType;
+    private validator;
+    private get currentError();
+    private _handleInput;
+    private _handleFocus;
+    private _handleBlur;
+    protected styles(): CSSResult;
+    private resolvedSpacing;
+    private resolvedBorderWidth;
+    private applyLabelStyles;
+    /**
+     * 4-state styling: error > focused > filled > empty. Errors and focus override
+     * the resting border/fill/radius. Filled vs empty share the resting style; the
+     * distinction exists for parity with the native ports and future theming.
+     */
+    private applyInputStyles;
+    private applyErrorStyles;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/components/index.d.ts

@@ -26,6 +26,7 @@ import { NamiProgressIndicator } from "./elements/ProgressIndicator";
 import { NamiToggleButton } from "./elements/ToggleButton";
 import { NamiCountdownTimerText } from "./elements/CountdownTimerText";
 import { NamiProgressBar } from "./elements/ProgressBar";
+import { NamiTextInput } from "./elements/TextInput";
 declare global {
     interface HTMLElementTagNameMap {
         "nami-spacer": NamiSpacer;
@@ -57,6 +58,7 @@ declare global {
         "nami-toggle-button": NamiToggleButton;
         "nami-countdown-timer-text": NamiCountdownTimerText;
         "nami-progress-bar": NamiProgressBar;
+        "nami-text-input": NamiTextInput;
     }
 }
-export { NamiSpacer, NamiButton, NamiHeader, NamiFooter, NamiText, NamiSegmentPicker, NamiSegmentPickerItem, NamiContainer, NamiProductContainer, NamiImage, NamiBackgroundContainer, NamiContentContainer, NamiSymbol, NamiVideo, NamiCollapseContainer, NamiResponsiveGrid, NamiRepeatingGrid, NamiCarouselContainer, NamiPlayPauseButton, NamiVolumeButton, NamiStack, NamiPaywallScreen, NamiQRCode, NamiToggleSwitch, NamiRadioButton, NamiProgressIndicator, NamiProgressBar, NamiToggleButton, NamiCountdownTimerText, };
+export { NamiSpacer, NamiButton, NamiHeader, NamiFooter, NamiText, NamiSegmentPicker, NamiSegmentPickerItem, NamiContainer, NamiProductContainer, NamiImage, NamiBackgroundContainer, NamiContentContainer, NamiSymbol, NamiVideo, NamiCollapseContainer, NamiResponsiveGrid, NamiRepeatingGrid, NamiCarouselContainer, NamiPlayPauseButton, NamiVolumeButton, NamiStack, NamiPaywallScreen, NamiQRCode, NamiToggleSwitch, NamiRadioButton, NamiProgressIndicator, NamiProgressBar, NamiToggleButton, NamiCountdownTimerText, NamiTextInput, };