@dvcol/neo-svelte 0.1.1

package/dist/inputs/NeoInput.svelte.d.ts

@@ -0,0 +1,27 @@
+import { type NeoInputMethods, type NeoInputProps } from './neo-input.model.js';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const NeoInput: $$__sveltets_2_IsomorphicComponent<NeoInputProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {
+    /**
+       * Change the state of the input
+       * @param state
+       */ mark: NeoInputMethods<HTMLInputElement>["mark"];
+    /**
+       * Clear the input state
+       */ clear: NeoInputMethods<HTMLInputElement>["clear"];
+}, "value" | "ref" | "valid" | "dirty" | "touched" | "labelRef">;
+type NeoInput = InstanceType<typeof NeoInput>;
+export default NeoInput;

package/dist/inputs/NeoPassword.svelte

@@ -0,0 +1,31 @@
+<script lang="ts">
+  import type { NeoInputProps } from './neo-input.model.js';
+
+  import IconWatch from '../icons/IconWatch.svelte';
+  import IconWatchOff from '../icons/IconWatchOff.svelte';
+  import NeoInput from './NeoInput.svelte';
+
+  const { type = 'password', placeholder = 'Enter your password', ...rest }: NeoInputProps = $props();
+
+  let show = $state(false);
+  const toggle = () => {
+    show = !show;
+  };
+
+  const _type = $derived(show ? 'text' : type);
+  const _suffixProps = $derived({
+    onclick: toggle,
+    'aria-label': 'Toggle password visibility',
+    ...rest.suffixProps,
+  });
+</script>
+
+{#snippet suffix()}
+  {#if show}
+    <IconWatch width="1.75rem" height="1.75rem" />
+  {:else}
+    <IconWatchOff width="1.75rem" height="1.75rem" />
+  {/if}
+{/snippet}
+
+<NeoInput type={_type} {placeholder} {suffix} suffixProps={_suffixProps} {...rest} />

package/dist/inputs/NeoPassword.svelte.d.ts

@@ -0,0 +1,19 @@
+import type { NeoInputProps } from './neo-input.model.js';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const NeoPassword: $$__sveltets_2_IsomorphicComponent<NeoInputProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type NeoPassword = InstanceType<typeof NeoPassword>;
+export default NeoPassword;