Merge branch 'main' into feat-add-view-certiicate-logs

Author: ItzNotABug

package.json

@@ -24,9 +24,9 @@
         "@ai-sdk/svelte": "^1.1.24",
         "@appwrite.io/console": "https://pkg.pr.new/appwrite-labs/cloud/@appwrite.io/console@6031134",
         "@appwrite.io/pink-icons": "0.25.0",
-        "@appwrite.io/pink-icons-svelte": "https://pkg.vc/-/@appwrite/@appwrite.io/pink-icons-svelte@2cf27e0",
+        "@appwrite.io/pink-icons-svelte": "https://pkg.vc/-/@appwrite/@appwrite.io/pink-icons-svelte@d8326d0",
         "@appwrite.io/pink-legacy": "^1.0.3",
-        "@appwrite.io/pink-svelte": "https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@fb8b1ed",
+        "@appwrite.io/pink-svelte": "https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@d8326d0",
         "@faker-js/faker": "^9.9.0",
         "@popperjs/core": "^2.11.8",
         "@sentry/sveltekit": "^8.38.0",

pnpm-lock.yaml

@@ -1,5 +1,6 @@
 <script lang="ts">
     import { Input } from '@appwrite.io/pink-svelte';
+    import type { ComponentType } from 'svelte';
 
     export let label: string = undefined;
     export let id: string;
@@ -16,6 +17,7 @@
     export let step: number | 'any' = 0.001;
     export let min: string = undefined;
     export let max: string = undefined;
+    export let leadingIcon: ComponentType | undefined = undefined;
 
     let error: string;
 
@@ -49,6 +51,7 @@
     {readonly}
     {min}
     {max}
+    {leadingIcon}
     type="date"
     autofocus={autofocus || undefined}
     autocomplete={autocomplete ? 'on' : 'off'}

src/lib/elements/forms/inputDate.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { onMount } from 'svelte';
+    import { type ComponentType, onMount } from 'svelte';
     import { Input, Layout, Selector } from '@appwrite.io/pink-svelte';
 
     export let id: string;
@@ -13,6 +13,7 @@
     export let autocomplete = false;
     export let step: number | 'any' = 0.001;
     export let type: 'date' | 'time' | 'datetime-local' = 'date';
+    export let leadingIcon: ComponentType | undefined = undefined;
 
     let error: string;
     let element: HTMLInputElement;
@@ -54,6 +55,7 @@
         {step}
         {type}
         helper={error}
+        {leadingIcon}
         on:change={onChange}
         autocomplete={autocomplete ? 'on' : 'off'}>
         {#if nullable}

src/lib/elements/forms/inputDateTime.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
     import { Input } from '@appwrite.io/pink-svelte';
+    import type { ComponentType } from 'svelte';
 
     export let label: string = null;
     export let id: string;
@@ -13,6 +14,7 @@
     export let autofocus = false;
     export let autocomplete = false;
     export let maxlength: number | undefined = undefined;
+    export let leadingIcon: ComponentType | undefined = undefined;
 
     // https://www.geeksforgeeks.org/how-to-validate-a-domain-name-using-regular-expression/
     const pattern = String.raw`(?!-)[A-Za-z0-9\-]+([\-\.]{1}[a-z0-9]+)*\.[A-Za-z]{2,18}`;
@@ -50,6 +52,7 @@
     {nullable}
     {pattern}
     {maxlength}
+    {leadingIcon}
     on:input
     on:invalid={handleInvalid}
     type="text"

src/lib/elements/forms/inputDomain.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
     import { Input } from '@appwrite.io/pink-svelte';
+    import type { ComponentType } from 'svelte';
 
     export let label: string = null;
     export let id: string;
@@ -12,6 +13,7 @@
     export let readonly = false;
     export let autofocus = false;
     export let autocomplete = false;
+    export let leadingIcon: ComponentType | undefined = undefined;
 
     let error: string;
 
@@ -42,6 +44,7 @@
     {required}
     {readonly}
     {label}
+    {leadingIcon}
     {nullable}
     on:input
     on:invalid={handleInvalid}

src/lib/elements/forms/inputEmail.svelte

@@ -1,9 +1,11 @@
 <script lang="ts">
     import { Input } from '@appwrite.io/pink-svelte';
+    import type { ComponentType } from 'svelte';
 
     export let value = '';
     export let autofocus = true;
     export let required = false;
+    export let leadingIcon: ComponentType | undefined = undefined;
 
     let error = false;
     const pattern = String.raw`^[a-zA-Z0-9][a-zA-Z0-9._\-]*$`;
@@ -26,6 +28,7 @@
     {pattern}
     {autofocus}
     {required}
+    {leadingIcon}
     id="id"
     placeholder="Enter ID"
     maxlength={36}

src/lib/elements/forms/inputId.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
     import { Input } from '@appwrite.io/pink-svelte';
+    import type { ComponentType } from 'svelte';
 
     export let label: string = null;
     export let id: string;
@@ -15,6 +16,7 @@
     export let max: number = null;
     export let step: number | 'any' = 1;
     export let helper: string = undefined;
+    export let leadingIcon: ComponentType | undefined = undefined;
 
     let error: string;
 
@@ -56,6 +58,7 @@
     {label}
     {step}
     {nullable}
+    {leadingIcon}
     bind:value
     autofocus={autofocus || undefined}
     helper={error || helper}

src/lib/elements/forms/inputNumber.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { onMount } from 'svelte';
+    import { type ComponentType, onMount } from 'svelte';
     import { Input } from '@appwrite.io/pink-svelte';
 
     export let label: string = undefined;
@@ -15,6 +15,7 @@
     export let maxlength: number = null;
     export let autofocus = false;
     export let autocomplete = false;
+    export let leadingIcon: ComponentType | undefined = undefined;
 
     let element: HTMLInputElement;
     let error: string;
@@ -60,6 +61,7 @@
     {label}
     {pattern}
     {readonly}
+    {leadingIcon}
     autofocus={autofocus || undefined}
     autocomplete={autocomplete ? 'on' : 'off'}
     helper={error}

src/lib/elements/forms/inputOTP.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
     import { Input } from '@appwrite.io/pink-svelte';
+    import type { ComponentType } from 'svelte';
 
     export let id: string;
     export let label: string;
@@ -12,6 +13,7 @@
     export let autocomplete = false;
     export let minlength = 8;
     export let maxlength: number = null;
+    export let leadingIcon: ComponentType | undefined = undefined;
 
     let error: string;
 
@@ -42,6 +44,7 @@
     {minlength}
     {maxlength}
     {placeholder}
+    {leadingIcon}
     state={error ? 'error' : 'default'}
     autofocus={autofocus || undefined}
     autocomplete={autocomplete ? 'on' : 'off'}