@fewangsit/wangsvue-gsts 2.0.0-alpha.27 → 2.0.0-alpha.29

package/inputcurrency/index.d.ts

@@ -35,6 +35,14 @@ export interface InputCurrencyProps {
    */
   modelValue?: CurrencyValue;
 
+  /**
+   * Sets the initial value of the field.
+   * This will only available with option 'useValidator'.
+   *
+   * In usecase like edit form, you need to display the previous inputted value.
+   */
+  value?: number;
+
   /**
    * The input label. Tell the user what input is this.
    */
@@ -95,6 +103,12 @@ export interface InputCurrencyProps {
    */
   fieldInfo?: string;
   inputnNumberId?: string;
+
+  /**
+   * Whether the currency dropdown should be selectable or not.
+   * @defaultValue false
+   */
+  selectable?: boolean;
 }
 
 /**

package/inputnumber/InputNumber.fm.md

@@ -0,0 +1,39 @@
+# InputNumber
+type reference: ./index.d.ts
+
+Append a `InputNumber` component when the figma context contains:
+
+- A figma component or instance named "Input Number" or similar, consisting of a numeric input field optionally paired with a label, required asterisk, info icon, increment/decrement buttons, and addon slots.
+
+## Metadata Shape (Component)
+
+Append this component to the `components` array of the returned JSON.
+
+## Metadata Shape (Properties)
+
+Append these properties to the `props` object of this component.
+
+### Properties definitions
+
+- `label` (string)
+  The text of the label displayed above the input field.
+
+- `placeholder` (string | undefined)
+  The placeholder text inside the input field (e.g. "Enter number" or "0"). Omit if no placeholder text is visible.
+
+- `mandatory` (boolean | undefined)
+  Whether a red asterisk `*` is present next to the label. Omit if absent.
+
+- `fieldInfo` (string | undefined)
+  Whether an info icon (`information-line`) is present next to the label. Omit if absent.
+
+- `invalid` (boolean | undefined)
+  Whether the input field shows an error state (red border, red caption text). Omit if the field is not in error state.
+
+- `disabled` (boolean | undefined)
+  Whether the input field shows a disabled state (gray background, gray text). Omit if the field is not disabled.
+
+- `showButtons` (boolean | undefined)
+  Whether increment (`add-line`) and decrement (`subtract-line`) icons are present on the left and right sides of the input. Infer from the Figma type:
+  - Type `"Button Horizontal"` or `"Button Vertical"` → `true`
+  - Types without buttons (`"Default"`, `"Double Field"`, `"Addon Right"`, `"Addon Left"`, etc.) → omit this field

package/inputpassword/InputPassword.fm.md

@@ -0,0 +1,28 @@
+# InputPassword
+type reference: ./index.d.ts
+
+Append a `InputPassword` component when the figma context contains:
+
+- A figma component or instance named "Input Password" or similar, consisting of a password input field showing masked dots (e.g. "**********") and an `eye-line` icon for toggling visibility, optionally paired with a label, required asterisk, and info icon.
+
+## Metadata Shape (Component)
+
+Append this component to the `components` array of the returned JSON.
+
+## Metadata Shape (Properties)
+
+Append these properties to the `props` object of this component.
+
+### Properties definitions
+
+- `label` (string)
+  The text of the label displayed above the password input.
+
+- `placeholder` (string | undefined)
+  The placeholder text inside the password input (e.g. "Enter password"). When a password is entered, the placeholder is replaced with masked dots. Omit if no placeholder text is visible.
+
+- `mandatory` (boolean | undefined)
+  Whether a red asterisk `*` is present next to the label, indicating the field is required. Omit if absent.
+
+- `invalid` (boolean | undefined)
+  Whether the password input shows an error state (red border, red caption text). Omit if the field is not in error state.

package/inputpassword/index.d.ts

@@ -6,6 +6,10 @@ export interface InputPasswordProps {
    * Two way data binding of component.
    */
   modelValue?: string;
+  /**
+   * Unique id for the input element.
+   */
+  inputId?: string;
   /**
    * The label for input field.
    */

package/inputphonenumber/InputPhoneNumber.fm.md

@@ -0,0 +1,34 @@
+# InputPhoneNumber
+type reference: ./index.d.ts
+
+Append a `InputPhoneNumber` component when the figma context contains:
+
+- A figma component or instance named "Input Phone Number" or similar, consisting of a two-part segmented input: a dial code dropdown (e.g. "+62" with a dropdown arrow) on the left and a phone number text field on the right, optionally paired with a label, required asterisk, and info icon.
+
+## Metadata Shape (Component)
+
+Append this component to the `components` array of the returned JSON.
+
+## Metadata Shape (Properties)
+
+Append these properties to the `props` object of this component.
+
+### Properties definitions
+
+- `label` (string)
+  The text of the label displayed above the phone number input.
+
+- `placeholder` (string | undefined)
+  The placeholder text inside the phone number field (e.g. "Enter phone number"). When a number is entered, the placeholder is replaced with the phone digits. Omit if no placeholder text is visible.
+
+- `mandatory` (boolean | undefined)
+  Whether a red asterisk `*` is present next to the label, indicating the field is required. Omit if absent.
+
+- `fieldInfo` (string | undefined)
+  Whether an info icon (`information-line`) is present next to the label. Omit if absent.
+
+- `invalid` (boolean | undefined)
+  Whether the input shows an error state (red border, red caption text). Omit if the field is not in error state.
+
+- `disabled` (boolean | undefined)
+  Whether the input shows a disabled state (gray background, gray text). Omit if the field is not disabled.

package/inputrangenumber/InputRangeNumber.fm.md

@@ -0,0 +1,31 @@
+# InputRangeNumber
+type reference: ./index.d.ts
+
+Append a `InputRangeNumber` component when the figma context contains:
+
+- A figma component or instance named "Input Range Number" or similar, consisting of two number input fields separated by a dash (`--`) separator, optionally paired with a label, required asterisk, and info icon.
+
+## Metadata Shape (Component)
+
+Append this component to the `components` array of the returned JSON.
+
+## Metadata Shape (Properties)
+
+Append these properties to the `props` object of this component.
+
+### Properties definitions
+
+- `label` (string)
+  The text of the label displayed above the range inputs.
+
+- `placeholder` (string | undefined)
+  The placeholder text inside both number inputs (e.g. "Enter"). When a value is entered, the placeholder is replaced with the number. Omit if no placeholder text is visible.
+
+- `mandatory` (boolean | undefined)
+  Whether a red asterisk `*` is present next to the label, indicating the field is required. Omit if absent.
+
+- `invalid` (boolean | undefined)
+  Whether the range inputs show an error state (red borders, red caption text). Omit if the field is not in error state.
+
+- `disabled` (boolean | undefined)
+  Whether the range inputs show a disabled state (gray background, gray text). Omit if the field is not disabled.

package/inputtext/InputText.fm.md

@@ -0,0 +1,34 @@
+# InputText
+type reference: ./index.d.ts
+
+Append a `InputText` component when the figma context contains:
+
+- A figma component or instance named "Input Text" or similar, consisting of a text input field optionally paired with a label, required asterisk, and info icon.
+
+## Metadata Shape (Component)
+
+Append this component to the `components` array of the returned JSON.
+
+## Metadata Shape (Properties)
+
+Append these properties to the `props` object of this component.
+
+### Properties definitions
+
+- `label` (string)
+  The text of the label displayed above the input field.
+
+- `placeholder` (string | undefined)
+  The placeholder text inside the input field. In the default state, the field shows a placeholder like "Enter". When a value is present, the placeholder is replaced with the filled text. Omit if no placeholder text is visible.
+
+- `mandatory` (boolean | undefined)
+  Whether a red asterisk `*` is present next to the label, indicating the field is required. Omit if absent.
+
+- `fieldInfo` (string | undefined)
+  Whether an info icon (`information-line`) is present next to the label. Omit if absent.
+
+- `invalid` (boolean | undefined)
+  Whether the input field shows an error state (red border, red caption text). Omit if the field is not in error state.
+
+- `disabled` (boolean | undefined)
+  Whether the input field shows a disabled state (gray background, gray text). Omit if the field is not disabled.

package/mcp/components.json

@@ -1,6 +1,6 @@
 {
   "metadata": {
-    "generatedAt": "2026-05-20T05:11:29.534Z",
+    "generatedAt": "2026-06-18T08:03:20.030Z",
     "version": "1.0.0",
     "totalComponents": 68,
     "packagePath": "../../packages/globalsettings-tagsamurai"
@@ -1930,7 +1930,7 @@
       "inheritanceChain": [],
       "inheritanceReport": "",
       "vueFilePath": "",
-      "definitionFilePath": "C:\\Users\\Dzulfian\\Works\\Wangs\\__check-new-wangsvue\\wangsvue\\packages\\globalsettings-tagsamurai\\dist\\inputotp\\index.d.ts",
+      "definitionFilePath": "C:\\Users\\ASUS ROG STRIK\\Documents\\Frontend\\wangsvue\\packages\\globalsettings-tagsamurai\\dist\\inputotp\\index.d.ts",
       "importInfo": {
         "packageName": "@fewangsit/wangsvue-gsts",
         "importPath": "import { inputotp } from '@fewangsit/wangsvue-gsts'",

package/mcp/components.summary.txt

@@ -1,5 +1,5 @@
 Component Data Source Summary
-Generated: 2026-05-20T05:11:29.534Z
+Generated: 2026-06-18T08:03:20.030Z
 Version: 1.0.0
 Total Components: 68
 Package: ../../packages/globalsettings-tagsamurai