@samuel-charpentier/sform 0.0.4 → 0.0.5

package/README.md

@@ -193,6 +193,7 @@ Supported text types: `text`, `email`, `tel`, `url`, `search`, `date`, `datetime
 | `showToggleIcon` | `Snippet<[passwordShown: boolean]>` | `undefined` | Custom toggle icon snippet         |
 | `prefix`         | `string \| Snippet`                 | `undefined` | Content before input               |
 | `suffix`         | `string \| Snippet`                 | `undefined` | Content after input                |
+| `autocomplete`   | `string`                            | `undefined` | HTML autocomplete attribute        |
 
 #### Number Input
 
@@ -221,11 +222,10 @@ Supported text types: `text`, `email`, `tel`, `url`, `search`, `date`, `datetime
 <Sfield field={fields.notes} type="textarea" label="Notes" prefix="📝" suffix="(max 500 chars)" />
 ```
 
-| Prop           | Type                | Default     | Description                 |
-| -------------- | ------------------- | ----------- | --------------------------- |
-| `prefix`       | `string \| Snippet` | `undefined` | Content before input        |
-| `suffix`       | `string \| Snippet` | `undefined` | Content after input         |
-| `autocomplete` | `string`            | `undefined` | HTML autocomplete attribute |
+| Prop     | Type                | Default     | Description          |
+| -------- | ------------------- | ----------- | -------------------- |
+| `prefix` | `string \| Snippet` | `undefined` | Content before input |
+| `suffix` | `string \| Snippet` | `undefined` | Content after input  |
 
 #### Select
 
@@ -242,9 +242,10 @@ Supported text types: `text`, `email`, `tel`, `url`, `search`, `date`, `datetime
 />
 ```
 
-| Prop      | Type                         | Default  | Description    |
-| --------- | ---------------------------- | -------- | -------------- |
-| `options` | `SelectOption[] \| string[]` | required | Select options |
+| Prop           | Type                         | Default     | Description                 |
+| -------------- | ---------------------------- | ----------- | --------------------------- |
+| `options`      | `SelectOption[] \| string[]` | required    | Select options              |
+| `autocomplete` | `string`                     | `undefined` | HTML autocomplete attribute |
 
 #### Checkbox
 
@@ -286,13 +287,14 @@ Supported text types: `text`, `email`, `tel`, `url`, `search`, `date`, `datetime
 />
 ```
 
-| Prop          | Type                        | Default     | Description            |
-| ------------- | --------------------------- | ----------- | ---------------------- |
-| `min`         | `number \| string`          | `0`         | Minimum value          |
-| `max`         | `number \| string`          | `100`       | Maximum value          |
-| `step`        | `number \| string`          | `1`         | Step increment         |
-| `showValue`   | `boolean`                   | `false`     | Show current value     |
-| `formatValue` | `(value: number) => string` | `undefined` | Format displayed value |
+| Prop           | Type                        | Default     | Description                 |
+| -------------- | --------------------------- | ----------- | --------------------------- |
+| `min`          | `number \| string`          | `0`         | Minimum value               |
+| `max`          | `number \| string`          | `100`       | Maximum value               |
+| `step`         | `number \| string`          | `1`         | Step increment              |
+| `showValue`    | `boolean`                   | `false`     | Show current value          |
+| `formatValue`  | `(value: number) => string` | `undefined` | Format displayed value      |
+| `autocomplete` | `string`                    | `undefined` | HTML autocomplete attribute |
 
 #### Toggle
 
@@ -365,6 +367,7 @@ Supported text types: `text`, `email`, `tel`, `url`, `search`, `date`, `datetime
 | `unmaskValue`         | `boolean`                | `true`      | Store unmasked value             |
 | `prefix`              | `string \| Snippet`      | `undefined` | Content before input             |
 | `suffix`              | `string \| Snippet`      | `undefined` | Content after input              |
+| `autocomplete`        | `string`                 | `undefined` | HTML autocomplete attribute      |
 
 **Mask Tokens:**
 

package/dist/Sform/types.d.ts

@@ -458,8 +458,6 @@ export interface BaseInputComponentProps {
     disabled?: boolean;
     /** Whether input is readonly */
     readonly?: boolean;
-    /** Autocomplete attribute */
-    autocomplete?: HTMLInputAttributes['autocomplete'];
     /** Whether to show validation state (controls aria-invalid) */
     showIssues?: boolean;
     /** Blur handler */
@@ -512,6 +510,8 @@ export interface NumberInputComponentProps extends BaseInputComponentProps, Inpu
     align?: 'start' | 'end';
     /** Maximum decimal places allowed (0 = integers only, undefined = no limit) */
     maxDecimals?: number;
+    /** Autocomplete attribute */
+    autocomplete?: HTMLInputAttributes['autocomplete'];
 }
 /**
  * Props for text input component (text, email, tel, url, search, date, etc.)
@@ -519,11 +519,15 @@ export interface NumberInputComponentProps extends BaseInputComponentProps, Inpu
 export interface TextInputComponentProps extends BaseInputComponentProps, InputAffixProps {
     /** Input type - text-like types only */
     type: TextInputType;
+    /** Autocomplete attribute */
+    autocomplete?: HTMLInputAttributes['autocomplete'];
 }
 /**
  * Props for textarea input component
  */
 export interface TextareaInputProps extends BaseInputComponentProps, InputAffixProps {
+    /** Autocomplete attribute */
+    autocomplete?: HTMLInputAttributes['autocomplete'];
 }
 /**
  * Props for select input component
@@ -531,6 +535,8 @@ export interface TextareaInputProps extends BaseInputComponentProps, InputAffixP
 export interface SelectInputProps extends BaseInputComponentProps {
     /** Options for select */
     options: SelectOption[] | string[];
+    /** Autocomplete attribute */
+    autocomplete?: HTMLInputAttributes['autocomplete'];
 }
 /**
  * Props for checkbox input component (single yes/no)
@@ -628,6 +634,8 @@ export interface RangeInputProps extends NumericInputComponentProps {
     showValue?: boolean;
     /** Format function for value display */
     formatValue?: (value: number) => string;
+    /** Autocomplete attribute */
+    autocomplete?: HTMLInputAttributes['autocomplete'];
 }
 /**
  * Props for password input component
@@ -636,6 +644,8 @@ export interface PasswordInputProps extends BaseInputComponentProps {
     /** Whether to show the password visibility toggle */
     showToggle?: boolean;
     showToggleIcon?: Snippet<[boolean]>;
+    /** Autocomplete attribute */
+    autocomplete?: HTMLInputAttributes['autocomplete'];
 }
 /**
  * Props for toggle input component
@@ -681,6 +691,8 @@ export interface MaskedInputProps extends BaseInputComponentProps, InputAffixPro
     showMaskPlaceholder?: boolean;
     /** Whether to store the unmasked (raw) value. If true, stores '1234567890'. If false, stores '(123) 456-7890'. Default: true */
     unmaskValue?: boolean;
+    /** Autocomplete attribute */
+    autocomplete?: HTMLInputAttributes['autocomplete'];
 }
 /**
  * Props for Fieldset utils component

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@samuel-charpentier/sform",
-	"version": "0.0.4",
+	"version": "0.0.5",
 	"description": "A Svelte 5 form library for SvelteKit remote forms",
 	"keywords": [
 		"svelte",