@makolabs/ripple 3.6.0 → 3.7.0

package/dist/forms/Checkbox.svelte

@@ -60,7 +60,11 @@
 		/>
 		{#if label}
 			<label for={name} class={labelClass} data-testid={buildTestId('checkbox', 'label', testId)}
-				>{label}</label
+				>{label}{#if required}<span
+						class="text-danger-500"
+						aria-hidden="true"
+						data-testid={buildTestId('checkbox', 'required', testId)}>&nbsp;*</span
+					>{/if}</label
 			>
 		{/if}
 	</div>

package/dist/forms/Input.svelte

@@ -12,6 +12,7 @@
 		label,
 		placeholder,
 		disabled = false,
+		required = false,
 		class: className = '',
 		size = Size.MD,
 		value = $bindable(),
@@ -49,6 +50,7 @@
 		name,
 		placeholder,
 		disabled,
+		required,
 		class: inputClasses,
 		'aria-invalid': !!errors.length,
 		'aria-describedby': errors.length
@@ -105,7 +107,12 @@
 				},
 				extraClass
 			)}
-			data-testid={buildTestId('input', 'label', testId)}>{label}</label
+			data-testid={buildTestId('input', 'label', testId)}
+			>{label}{#if required}<span
+					class="text-danger-500"
+					aria-hidden="true"
+					data-testid={buildTestId('input', 'required', testId)}>&nbsp;*</span
+				>{/if}</label
 		>
 	{/if}
 {/snippet}

package/dist/forms/NumberInput.svelte

@@ -18,6 +18,7 @@
 		units = [],
 		errors,
 		disabled = false,
+		required = false,
 		dropdownIcon: DropdownIcon,
 		onunitchange: onUnitChange,
 		formatThousands = true,
@@ -116,7 +117,12 @@
 		<label
 			for={name}
 			class="text-default-700 block text-sm font-medium"
-			data-testid={buildTestId('numberinput', 'label', testId)}>{label}</label
+			data-testid={buildTestId('numberinput', 'label', testId)}
+			>{label}{#if required}<span
+					class="text-danger-500"
+					aria-hidden="true"
+					data-testid={buildTestId('numberinput', 'required', testId)}>&nbsp;*</span
+				>{/if}</label
 		>
 	{/if}
 	<div class={containerClass} bind:this={containerRef}>
@@ -143,6 +149,7 @@
 			onblur={() => (inputFocused = false)}
 			{placeholder}
 			{disabled}
+			{required}
 			class={inputClass}
 			data-testid={buildTestId('numberinput', undefined, testId)}
 			{...restProps}

package/dist/forms/Textarea.svelte

@@ -13,6 +13,7 @@
 		value = $bindable(''),
 		disabled = false,
 		readonly = false,
+		required = false,
 		rows = 3,
 		autoGrow = false,
 		maxRows = 10,
@@ -84,9 +85,16 @@
 
 <div class="w-full" data-testid={buildTestId('textarea', 'wrapper', testId)}>
 	{#if label}
-		<label for={id} class="text-default-700 mb-1 block text-sm font-medium">
-			{label}
-		</label>
+		<label
+			for={id}
+			class="text-default-700 mb-1 block text-sm font-medium"
+			data-testid={buildTestId('textarea', 'label', testId)}
+			>{label}{#if required}<span
+					class="text-danger-500"
+					aria-hidden="true"
+					data-testid={buildTestId('textarea', 'required', testId)}>&nbsp;*</span
+				>{/if}</label
+		>
 	{/if}
 	<textarea
 		bind:this={el}
@@ -95,6 +103,7 @@
 		{placeholder}
 		{disabled}
 		{readonly}
+		{required}
 		{rows}
 		maxlength={maxLength}
 		class={textareaClasses}

package/dist/forms/form-types.d.ts

@@ -266,6 +266,8 @@ export type NumberInputProps = {
     units?: CurrencyOption[];
     errors?: string[];
     disabled?: boolean;
+    /** Marks the field as required: renders a `*` after the label and sets the native `required` attribute. */
+    required?: boolean;
     /** Icon for the dropdown trigger. Defaults to a chevron. */
     dropdownIcon?: Component;
     /** Fires when the user picks a different unit. */
@@ -448,6 +450,8 @@ export interface TextareaProps {
     value?: string;
     disabled?: boolean;
     readonly?: boolean;
+    /** Marks the field as required: renders a `*` after the label and sets the native `required` attribute. */
+    required?: boolean;
     /** Visible row count. @default 3 */
     rows?: number;
     /**

package/dist/funcs/user-management.remote.d.ts

@@ -1,32 +1,32 @@
 import type { User, GetUsersOptions, GetUsersResult } from '../index.js';
-export declare const getUsers: import("@sveltejs/kit").RemoteCommand<GetUsersOptions, Promise<GetUsersResult>>;
-export declare const createUser: import("@sveltejs/kit").RemoteCommand<Partial<User>, Promise<User>>;
+export declare const getUsers: import("@sveltejs/kit").RemoteCommand<GetUsersOptions, GetUsersResult>;
+export declare const createUser: import("@sveltejs/kit").RemoteCommand<Partial<User>, User>;
 export declare const updateUser: import("@sveltejs/kit").RemoteCommand<{
     userId: string;
     userData: Partial<User>;
-}, Promise<User>>;
-export declare const deleteUser: import("@sveltejs/kit").RemoteCommand<string, Promise<void>>;
-export declare const deleteUsers: import("@sveltejs/kit").RemoteCommand<string[], Promise<void>>;
-export declare const getUserPermissions: import("@sveltejs/kit").RemoteCommand<string, Promise<string[]>>;
+}, User>;
+export declare const deleteUser: import("@sveltejs/kit").RemoteCommand<string, void>;
+export declare const deleteUsers: import("@sveltejs/kit").RemoteCommand<string[], void>;
+export declare const getUserPermissions: import("@sveltejs/kit").RemoteCommand<string, string[]>;
 export declare const updateUserPermissions: import("@sveltejs/kit").RemoteCommand<{
     userId: string;
     permissions: string[];
-}, Promise<void>>;
+}, void>;
 export declare const generateApiKey: import("@sveltejs/kit").RemoteCommand<{
     userId: string;
     permissions: string[];
     revokeOld?: boolean;
-}, Promise<{
+}, {
     success: boolean;
     apiKey: string;
     message: string;
-}>>;
+}>;
 /**
  * List users who exist in the identity provider but are NOT yet members of
  * ALLOWED_ORG_ID. Treats org membership as the "approved" signal — anyone
  * authenticated against the app without org membership is "pending".
  */
-export declare const getPendingUsers: import("@sveltejs/kit").RemoteCommand<GetUsersOptions, Promise<GetUsersResult>>;
+export declare const getPendingUsers: import("@sveltejs/kit").RemoteCommand<GetUsersOptions, GetUsersResult>;
 /**
  * Approve a pending user: add them to ALLOWED_ORG_ID with the chosen Clerk role,
  * then mint an API key carrying the supplied scope set. The caller (the modal)
@@ -36,21 +36,21 @@ export declare const approveUser: import("@sveltejs/kit").RemoteCommand<{
     userId: string;
     role: string;
     permissions: string[];
-}, Promise<{
+}, {
     apiKey: string;
-}>>;
+}>;
 /**
  * Reject a pending user — permanently deletes them from the identity provider.
  * Destructive and irreversible; the user loses login, history, everything.
  */
-export declare const rejectUser: import("@sveltejs/kit").RemoteCommand<string, Promise<void>>;
+export declare const rejectUser: import("@sveltejs/kit").RemoteCommand<string, void>;
 export declare const verifyToken: import("@sveltejs/kit").RemoteCommand<{
     apiKey: string;
-}, Promise<{
+}, {
     valid: boolean;
     scopes?: string[];
     sub?: string;
     client_id?: string;
     error?: string;
     token?: string;
-}>>;
+}>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@makolabs/ripple",
-	"version": "3.6.0",
+	"version": "3.7.0",
 	"description": "Simple Svelte 5 powered component library ✨",
 	"license": "SEE LICENSE IN LICENSE",
 	"repository": {