@well-insight/ui 0.1.6 → 0.1.8

package/dist/components/InputColor/styles.css

@@ -0,0 +1,65 @@
+/* —— Form: InputColor —— */
+.wi-inputcolor {
+    display: inline-flex;
+    flex-direction: column;
+    gap: var(--wi-space-2);
+}
+
+.wi-inputcolor--disabled {
+    opacity: var(--wi-opacity-disabled);
+}
+
+.wi-inputcolor__swatch {
+    background: transparent;
+    border: 1px solid var(--wi-color-border);
+    border-radius: var(--wi-radius-control);
+    cursor: pointer;
+    height: var(--wi-control-height-medium);
+    padding: 0;
+    width: var(--wi-control-height-medium);
+}
+
+.wi-inputcolor__text {
+    background: var(--wi-color-surface);
+    border: 1px solid var(--wi-color-border);
+    border-radius: var(--wi-radius-control);
+    color: var(--wi-color-text);
+    font: inherit;
+    font-size: var(--wi-control-font-medium);
+    min-height: var(--wi-control-height-medium);
+    min-width: 7rem;
+    padding: 0 var(--wi-control-padding-x-medium);
+}
+
+.wi-inputcolor__text:focus-visible,
+.wi-inputcolor__swatch:focus-visible {
+    box-shadow: var(--wi-focus-shadow);
+    outline: none;
+}
+
+.wi-inputcolor__row {
+    align-items: center;
+    display: flex;
+    gap: var(--wi-space-2);
+}
+
+.wi-inputcolor__swatches {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--wi-space-1);
+    margin-top: var(--wi-space-2);
+}
+
+.wi-inputcolor__preset {
+    border: 1px solid var(--wi-color-border);
+    border-radius: var(--wi-radius-sm);
+    cursor: pointer;
+    height: 1.25rem;
+    padding: 0;
+    width: 1.25rem;
+}
+
+.wi-inputcolor__preset:focus-visible {
+    box-shadow: var(--wi-focus-shadow);
+    outline: none;
+}

package/dist/components/InputColor/types.d.ts

@@ -2,6 +2,8 @@ export interface InputColorProps {
     modelValue?: string;
     disabled?: boolean;
     id?: string;
+    /** Preset hex colors shown under the input. */
+    swatches?: string[];
 }
 export interface InputColorEmits {
     (event: 'update:modelValue', value: string): void;

package/dist/components/InputColor/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/InputColor/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,eAAe;IAC9B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAClD"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/InputColor/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAClD"}

package/dist/components/InputGroup/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InputGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACpE,YAAY,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InputGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACpE,YAAY,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/InputGroup/styles.css

@@ -0,0 +1,20 @@
+/* —— Form: InputGroup —— */
+.wi-inputgroup {
+    align-items: stretch;
+    display: flex;
+    flex-wrap: nowrap;
+    max-width: 100%;
+    width: 100%;
+}
+
+.wi-inputgroup-addon {
+    align-items: center;
+    background: color-mix(in srgb, var(--wi-color-text-muted) 10%, var(--wi-color-surface));
+    border: 1px solid var(--wi-color-border);
+    color: var(--wi-color-text-muted);
+    display: inline-flex;
+    flex: 0 0 auto;
+    font-size: var(--wi-control-font-medium);
+    padding: 0 var(--wi-control-padding-x-medium);
+    white-space: nowrap;
+}

package/dist/components/InputNumber/InputNumber.vue.d.ts

@@ -1,4 +1,4 @@
-import { InputNumberProps } from './types';
+import { InputNumberProps, InputNumberButtonPlacement } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare const __VLS_export: DefineComponent<InputNumberProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: number | null) => any;
@@ -7,10 +7,12 @@ declare const __VLS_export: DefineComponent<InputNumberProps, {}, {}, {}, {}, Co
 }>, {
     modelValue: number | null;
     disabled: boolean;
+    clearable: boolean;
     invalid: boolean;
     step: number;
     fluid: boolean;
     showButtons: boolean;
+    buttonPlacement: InputNumberButtonPlacement;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/InputNumber/InputNumber.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputNumber.vue.d.ts","sourceRoot":"","sources":["../../../src/components/InputNumber/InputNumber.vue"],"names":[],"mappings":";AA8GA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AA8J/C,QAAA,MAAM,YAAY;;;;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"InputNumber.vue.d.ts","sourceRoot":"","sources":["../../../src/components/InputNumber/InputNumber.vue"],"names":[],"mappings":";AAuJA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AA4N/C,QAAA,MAAM,YAAY;;;;;;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/InputNumber/index.d.ts

@@ -1,3 +1,3 @@
 export { default as WiInputNumber } from './InputNumber.vue';
-export type { InputNumberEmits, InputNumberProps } from './types';
+export type { InputNumberButtonPlacement, InputNumberEmits, InputNumberProps } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/InputNumber/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InputNumber/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAC5D,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InputNumber/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAC5D,YAAY,EAAE,0BAA0B,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/InputNumber/styles.css

@@ -0,0 +1,117 @@
+/* —— Form: InputNumber —— */
+.wi-inputnumber-field {
+    display: grid;
+    gap: var(--wi-space-2);
+}
+
+.wi-inputnumber-field--fluid {
+    width: 100%;
+}
+
+.wi-inputnumber-field__label {
+    color: var(--wi-color-text);
+    font-size: var(--wi-font-size-md);
+    font-weight: 600;
+}
+
+.wi-inputnumber {
+    align-items: stretch;
+    display: inline-flex;
+    max-width: 100%;
+}
+
+.wi-inputnumber--fluid {
+    display: flex;
+    width: 100%;
+}
+
+.wi-inputnumber__input {
+    background: var(--wi-color-surface);
+    border: 1px solid var(--wi-color-border);
+    border-radius: var(--wi-radius-control);
+    color: var(--wi-color-text);
+    font: inherit;
+    font-size: var(--wi-control-font-medium);
+    min-height: var(--wi-control-height-medium);
+    min-width: 0;
+    padding: 0 var(--wi-control-padding-x-medium);
+    width: 8rem;
+}
+
+.wi-inputnumber--fluid .wi-inputnumber__input {
+    flex: 1 1 auto;
+    width: auto;
+}
+
+.wi-inputnumber--buttons .wi-inputnumber__input {
+    border-radius: 0;
+    text-align: center;
+}
+
+.wi-inputnumber--small .wi-inputnumber__input,
+.wi-inputnumber--small .wi-inputnumber__button {
+    min-height: var(--wi-control-height-small);
+    font-size: var(--wi-control-font-small);
+}
+
+.wi-inputnumber--large .wi-inputnumber__input,
+.wi-inputnumber--large .wi-inputnumber__button {
+    min-height: var(--wi-control-height-large);
+    font-size: var(--wi-control-font-large);
+}
+
+.wi-inputnumber--invalid .wi-inputnumber__input {
+    border-color: var(--wi-color-danger);
+}
+
+.wi-inputnumber__button {
+    align-items: center;
+    background: color-mix(in srgb, var(--wi-color-text-muted) 12%, var(--wi-color-surface));
+    border: 1px solid var(--wi-color-border);
+    color: var(--wi-color-text);
+    cursor: pointer;
+    display: inline-flex;
+    font: inherit;
+    font-size: var(--wi-control-font-medium);
+    justify-content: center;
+    min-height: var(--wi-control-height-medium);
+    min-width: var(--wi-control-height-medium);
+    padding: 0;
+}
+
+.wi-inputnumber__button--decrement {
+    border-radius: var(--wi-radius-control) 0 0 var(--wi-radius-control);
+    border-right: 0;
+}
+
+.wi-inputnumber__button--increment {
+    border-left: 0;
+    border-radius: 0 var(--wi-radius-control) var(--wi-radius-control) 0;
+}
+
+.wi-inputnumber__button:hover:not(:disabled) {
+    background: color-mix(in srgb, var(--wi-color-text-muted) 20%, var(--wi-color-surface));
+}
+
+.wi-inputnumber__button:disabled,
+.wi-inputnumber--disabled .wi-inputnumber__input {
+    cursor: not-allowed;
+    opacity: var(--wi-opacity-disabled);
+}
+
+.wi-inputnumber__input:focus-visible,
+.wi-inputnumber__button:focus-visible {
+    box-shadow: var(--wi-focus-shadow);
+    outline: none;
+    z-index: 1;
+}
+
+.wi-inputnumber__stack {
+    display: flex;
+    flex-direction: column;
+}
+
+.wi-inputnumber__stack .wi-inputnumber__button {
+    min-height: 0;
+    padding: 0 0.4rem;
+}

package/dist/components/InputNumber/types.d.ts

@@ -1,15 +1,21 @@
 import { WiSizeInput } from '../../shared/types';
+export type InputNumberButtonPlacement = 'both' | 'right';
 export interface InputNumberProps {
     modelValue?: number | null;
     label?: string;
     min?: number;
     max?: number;
     step?: number;
+    /** Decimal places to round to. */
+    precision?: number;
     disabled?: boolean;
     invalid?: boolean;
     fluid?: boolean;
     size?: WiSizeInput;
     showButtons?: boolean;
+    /** Where increment/decrement buttons sit. Defaults to `'both'`. */
+    buttonPlacement?: InputNumberButtonPlacement;
+    clearable?: boolean;
     id?: string;
 }
 export interface InputNumberEmits {

package/dist/components/InputNumber/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/InputNumber/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAErD,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,gBAAgB;IAC/B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAA;CACzD"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/InputNumber/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAErD,MAAM,MAAM,0BAA0B,GAAG,MAAM,GAAG,OAAO,CAAA;AAEzD,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mEAAmE;IACnE,eAAe,CAAC,EAAE,0BAA0B,CAAA;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,gBAAgB;IAC/B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAA;CACzD"}

package/dist/components/InputOtp/InputOtp.vue.d.ts

@@ -7,6 +7,7 @@ declare const __VLS_export: DefineComponent<InputOtpProps, {}, {}, {}, {}, Compo
 }>, {
     modelValue: string;
     length: number;
+    mask: boolean;
     disabled: boolean;
     integerOnly: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

package/dist/components/InputOtp/InputOtp.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputOtp.vue.d.ts","sourceRoot":"","sources":["../../../src/components/InputOtp/InputOtp.vue"],"names":[],"mappings":";AA2HA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAqK5C,QAAA,MAAM,YAAY;;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"InputOtp.vue.d.ts","sourceRoot":"","sources":["../../../src/components/InputOtp/InputOtp.vue"],"names":[],"mappings":";AAsIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAiL5C,QAAA,MAAM,YAAY;;;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/InputOtp/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InputOtp/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACtD,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InputOtp/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACtD,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/InputOtp/styles.css

@@ -0,0 +1,43 @@
+/* —— Form: InputOtp —— */
+.wi-inputotp {
+    display: inline-flex;
+    gap: var(--wi-space-2);
+}
+
+.wi-inputotp--disabled {
+    opacity: var(--wi-opacity-disabled);
+    pointer-events: none;
+}
+
+.wi-inputotp__input {
+    background: var(--wi-color-surface);
+    border: 1px solid var(--wi-color-border);
+    border-radius: var(--wi-radius-control);
+    color: var(--wi-color-text);
+    font: inherit;
+    font-size: var(--wi-control-font-large);
+    height: var(--wi-control-height-large);
+    text-align: center;
+    width: var(--wi-control-height-large);
+}
+
+.wi-inputotp__input:focus-visible {
+    border-color: var(--wi-color-primary);
+    box-shadow: var(--wi-focus-shadow);
+    outline: none;
+}
+
+.wi-inputotp {
+    --wi-inputotp-gap: var(--wi-space-2);
+    gap: var(--wi-inputotp-gap);
+}
+
+.wi-inputotp--small .wi-inputotp__input {
+    height: var(--wi-control-height-small);
+    width: var(--wi-control-height-small);
+}
+
+.wi-inputotp--large .wi-inputotp__input {
+    height: var(--wi-control-height-large);
+    width: var(--wi-control-height-large);
+}

package/dist/components/InputOtp/types.d.ts

@@ -1,8 +1,14 @@
+import { WiSizeInput } from '../../shared/types';
 export interface InputOtpProps {
     modelValue?: string;
     length?: number;
     disabled?: boolean;
     integerOnly?: boolean;
+    /** Mask each digit. */
+    mask?: boolean;
+    size?: WiSizeInput;
+    /** Gap between cells. Number is pixels. */
+    gap?: string | number;
 }
 export interface InputOtpEmits {
     (event: 'update:modelValue', value: string): void;

package/dist/components/InputOtp/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/InputOtp/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAClD"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/InputOtp/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAErD,MAAM,WAAW,aAAa;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,uBAAuB;IACvB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,2CAA2C;IAC3C,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAClD"}

package/dist/components/InputPassword/InputPassword.vue.d.ts

@@ -13,13 +13,18 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: DefineComponent<InputPasswordProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string) => any;
+    clear: () => any;
 }, string, PublicProps, Readonly<InputPasswordProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onClear?: (() => any) | undefined;
 }>, {
     modelValue: string;
     disabled: boolean;
+    clearable: boolean;
     invalid: boolean;
     fluid: boolean;
+    readonly: boolean;
+    showCount: boolean;
     feedback: boolean;
     toggleMask: boolean;
     showIcon: IconName | Component;

package/dist/components/InputPassword/InputPassword.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputPassword.vue.d.ts","sourceRoot":"","sources":["../../../src/components/InputPassword/InputPassword.vue"],"names":[],"mappings":"AA0HA,OAAO,EAA2B,KAAK,SAAS,EAAE,MAAM,KAAK,CAAA;AAK7D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAuNjD,QAAA,IAAI,OAAO;;CAAU,EAAE,QAAQ;;CAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKjD,QAAA,MAAM,UAAU;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"InputPassword.vue.d.ts","sourceRoot":"","sources":["../../../src/components/InputPassword/InputPassword.vue"],"names":[],"mappings":"AAiPA,OAAO,EAA4C,KAAK,SAAS,EAAE,MAAM,KAAK,CAAA;AAS9E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAsVjD,QAAA,IAAI,OAAO;;CAAU,EAAE,QAAQ;;CAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOjD,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/InputPassword/index.d.ts

@@ -1,3 +1,3 @@
 export { default as WiInputPassword } from './InputPassword.vue';
-export type { InputPasswordEmits, InputPasswordProps, InputPasswordSlots, PasswordStrength } from './types';
+export type { InputPasswordEmits, InputPasswordProps, InputPasswordSlots, PasswordStrength, WiShowPasswordOn } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/InputPassword/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InputPassword/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAChE,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InputPassword/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAChE,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/InputPassword/styles.css

@@ -0,0 +1,178 @@
+/* —— Form: InputPassword —— */
+.wi-password-field {
+    display: grid;
+    gap: var(--wi-space-2);
+}
+
+.wi-password-field--fluid {
+    width: 100%;
+}
+
+.wi-password-field__label {
+    color: var(--wi-color-text);
+    font-size: var(--wi-font-size-md);
+    font-weight: 600;
+}
+
+.wi-password {
+    display: inline-flex;
+    max-width: 100%;
+    position: relative;
+}
+
+.wi-password--fluid {
+    display: flex;
+    width: 100%;
+}
+
+.wi-password__input {
+    background: var(--wi-color-surface);
+    border: 1px solid var(--wi-color-border);
+    border-radius: var(--wi-radius-control);
+    color: var(--wi-color-text);
+    font: inherit;
+    font-size: var(--wi-control-font-medium);
+    min-height: var(--wi-control-height-medium);
+    padding: 0 var(--wi-control-padding-x-medium);
+    width: 100%;
+}
+
+.wi-password--toggle .wi-password__input {
+    padding-right: 2.25rem;
+}
+
+.wi-password--small .wi-password__input {
+    min-height: var(--wi-control-height-small);
+    font-size: var(--wi-control-font-small);
+    padding: 0 var(--wi-control-padding-x-small);
+}
+
+.wi-password--small.wi-password--toggle .wi-password__input {
+    padding-right: 2rem;
+}
+
+.wi-password--large .wi-password__input {
+    min-height: var(--wi-control-height-large);
+    font-size: var(--wi-control-font-large);
+    padding: 0 var(--wi-control-padding-x-large);
+}
+
+.wi-password--large.wi-password--toggle .wi-password__input {
+    padding-right: 2.5rem;
+}
+
+.wi-password--invalid .wi-password__input {
+    border-color: var(--wi-color-danger);
+}
+
+.wi-password--filled .wi-password__input {
+    background: color-mix(in srgb, var(--wi-color-text-muted) 12%, var(--wi-color-surface));
+    border-color: transparent;
+}
+
+.wi-password--clearable .wi-password__input {
+    padding-right: 2.25rem;
+}
+
+.wi-password--toggle.wi-password--clearable .wi-password__input {
+    padding-right: 3.75rem;
+}
+
+.wi-password--small.wi-password--toggle.wi-password--clearable .wi-password__input {
+    padding-right: 3.25rem;
+}
+
+.wi-password--large.wi-password--toggle.wi-password--clearable .wi-password__input {
+    padding-right: 4rem;
+}
+
+.wi-password__clear {
+    align-items: center;
+    background: transparent;
+    border: 0;
+    border-radius: var(--wi-radius-sm);
+    color: var(--wi-color-text-muted);
+    cursor: pointer;
+    display: inline-flex;
+    font-size: var(--wi-font-size-lg);
+    height: var(--wi-control-affix-size);
+    justify-content: center;
+    padding: 0;
+    position: absolute;
+    right: var(--wi-space-1);
+    top: 50%;
+    transform: translateY(-50%);
+    width: var(--wi-control-affix-size);
+}
+
+.wi-password--toggle .wi-password__clear {
+    right: 2.1rem;
+}
+
+.wi-password__clear:hover:not(:disabled) {
+    color: var(--wi-color-text);
+}
+
+.wi-password__clear:focus-visible {
+    box-shadow: var(--wi-focus-shadow);
+    outline: none;
+}
+
+.wi-password__clear:disabled {
+    cursor: not-allowed;
+    opacity: var(--wi-opacity-disabled);
+}
+
+.wi-password--disabled .wi-password__input {
+    cursor: not-allowed;
+    opacity: var(--wi-opacity-disabled);
+}
+
+.wi-password__toggle {
+    align-items: center;
+    background: transparent;
+    border: 0;
+    border-radius: var(--wi-radius-sm);
+    color: var(--wi-color-text-muted);
+    cursor: pointer;
+    display: inline-flex;
+    justify-content: center;
+    min-height: 1.75rem;
+    min-width: 1.75rem;
+    padding: 0.15rem;
+    position: absolute;
+    right: var(--wi-space-1);
+    top: 50%;
+    transform: translateY(-50%);
+}
+
+.wi-password__toggle:hover:not(:disabled) {
+    color: var(--wi-color-text);
+}
+
+.wi-password__toggle:disabled {
+    cursor: not-allowed;
+    opacity: var(--wi-opacity-disabled);
+}
+
+.wi-password__input:focus-visible,
+.wi-password__toggle:focus-visible {
+    box-shadow: var(--wi-focus-shadow);
+    outline: none;
+}
+
+.wi-password__feedback {
+    font-size: var(--wi-font-size-xs);
+}
+
+.wi-password__feedback--weak {
+    color: var(--wi-color-danger);
+}
+
+.wi-password__feedback--medium {
+    color: var(--wi-color-warn);
+}
+
+.wi-password__feedback--strong {
+    color: var(--wi-color-success);
+}

package/dist/components/InputPassword/types.d.ts

@@ -1,17 +1,29 @@
 import { Component } from 'vue';
-import { WiSizeInput } from '../../shared/types';
+import { WiShowPasswordOn } from '../../shared/componentDefaults';
+import { WiInputVariant, WiSizeInput } from '../../shared/types';
 import { IconName } from '../Icon/types';
+export type { WiShowPasswordOn };
 export interface InputPasswordProps {
     modelValue?: string;
     label?: string;
     disabled?: boolean;
+    readonly?: boolean;
     invalid?: boolean;
     fluid?: boolean;
     size?: WiSizeInput;
+    variant?: WiInputVariant;
     /** Show password strength hint. */
     feedback?: boolean;
     /** Show toggle mask button. */
     toggleMask?: boolean;
+    /**
+     * When to reveal the password.
+     * `click` toggles; `mousedown` is hold-to-peek (mouse or Space/Enter).
+     */
+    showPasswordOn?: WiShowPasswordOn;
+    clearable?: boolean;
+    maxlength?: number;
+    showCount?: boolean;
     /** Icon when the value is masked (click to reveal). Built-in `WiIcon` name or a Vue component. */
     showIcon?: IconName | Component;
     /** Icon when the value is visible (click to hide). Built-in `WiIcon` name or a Vue component. */
@@ -20,6 +32,7 @@ export interface InputPasswordProps {
 }
 export interface InputPasswordEmits {
     (event: 'update:modelValue', value: string): void;
+    (event: 'clear'): void;
 }
 export interface InputPasswordSlots {
     /** Replace the “show password” icon. */

package/dist/components/InputPassword/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/InputPassword/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AACpC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7C,MAAM,WAAW,kBAAkB;IACjC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+BAA+B;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,kGAAkG;IAClG,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IAC/B,iGAAiG;IACjG,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,kBAAkB;IACjC,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAClD;AAED,MAAM,WAAW,kBAAkB;IACjC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAA;IACpD,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAA;CACrD;AAED,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/InputPassword/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AACpC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAA;AACtE,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AACrE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7C,YAAY,EAAE,gBAAgB,EAAE,CAAA;AAEhC,MAAM,WAAW,kBAAkB;IACjC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+BAA+B;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,cAAc,CAAC,EAAE,gBAAgB,CAAA;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kGAAkG;IAClG,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IAC/B,iGAAiG;IACjG,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,kBAAkB;IACjC,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACjD,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;CACvB;AAED,MAAM,WAAW,kBAAkB;IACjC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAA;IACpD,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAA;CACrD;AAED,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAA"}

package/dist/components/InputTags/InputTags.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputTags.vue.d.ts","sourceRoot":"","sources":["../../../src/components/InputTags/InputTags.vue"],"names":[],"mappings":";AAuFA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AA0H7C,QAAA,MAAM,YAAY;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"InputTags.vue.d.ts","sourceRoot":"","sources":["../../../src/components/InputTags/InputTags.vue"],"names":[],"mappings":";AA2HA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAgK7C,QAAA,MAAM,YAAY;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/InputTags/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InputTags/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAA;AACxD,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InputTags/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAA;AACxD,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA"}