@stubber/ui 1.6.2 → 1.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import Root from "./input.svelte";
|
|
2
|
+
export type FormInputEvent<T extends Event = Event> = T & {
|
|
3
|
+
currentTarget: EventTarget & HTMLInputElement;
|
|
4
|
+
};
|
|
5
|
+
export type InputEvents = {
|
|
6
|
+
blur: FormInputEvent<FocusEvent>;
|
|
7
|
+
change: FormInputEvent<Event>;
|
|
8
|
+
click: FormInputEvent<MouseEvent>;
|
|
9
|
+
focus: FormInputEvent<FocusEvent>;
|
|
10
|
+
focusin: FormInputEvent<FocusEvent>;
|
|
11
|
+
focusout: FormInputEvent<FocusEvent>;
|
|
12
|
+
keydown: FormInputEvent<KeyboardEvent>;
|
|
13
|
+
keypress: FormInputEvent<KeyboardEvent>;
|
|
14
|
+
keyup: FormInputEvent<KeyboardEvent>;
|
|
15
|
+
mouseover: FormInputEvent<MouseEvent>;
|
|
16
|
+
mouseenter: FormInputEvent<MouseEvent>;
|
|
17
|
+
mouseleave: FormInputEvent<MouseEvent>;
|
|
18
|
+
mousemove: FormInputEvent<MouseEvent>;
|
|
19
|
+
paste: FormInputEvent<ClipboardEvent>;
|
|
20
|
+
input: FormInputEvent<InputEvent>;
|
|
21
|
+
wheel: FormInputEvent<WheelEvent>;
|
|
22
|
+
};
|
|
23
|
+
export { Root, Root as Input, };
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
<script>import { cn } from "../../utils/shadcn-utils.js";
|
|
2
|
+
let className = void 0;
|
|
3
|
+
export let value = void 0;
|
|
4
|
+
export { className as class };
|
|
5
|
+
export let readonly = void 0;
|
|
6
|
+
</script>
|
|
7
|
+
|
|
8
|
+
<input
|
|
9
|
+
class={cn(
|
|
10
|
+
"border-input bg-background selection:bg-primary dark:bg-input/30 selection:text-primary-foreground ring-offset-background placeholder:text-muted-foreground shadow-xs flex h-9 w-full min-w-0 rounded-md border px-3 py-1 text-base outline-none transition-[color,box-shadow] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-[invalid]:border-destructive aria-[invalid]:ring-destructive/50 aria-[invalid]:focus-visible:ring-destructive/50",
|
|
11
|
+
className
|
|
12
|
+
)}
|
|
13
|
+
bind:value
|
|
14
|
+
{readonly}
|
|
15
|
+
on:blur
|
|
16
|
+
on:change
|
|
17
|
+
on:click
|
|
18
|
+
on:focus
|
|
19
|
+
on:focusin
|
|
20
|
+
on:focusout
|
|
21
|
+
on:keydown
|
|
22
|
+
on:keypress
|
|
23
|
+
on:keyup
|
|
24
|
+
on:mouseover
|
|
25
|
+
on:mouseenter
|
|
26
|
+
on:mouseleave
|
|
27
|
+
on:mousemove
|
|
28
|
+
on:paste
|
|
29
|
+
on:input
|
|
30
|
+
on:wheel|passive
|
|
31
|
+
{...$$restProps}
|
|
32
|
+
/>
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { SvelteComponent } from "svelte";
|
|
2
|
+
import type { HTMLInputAttributes } from "svelte/elements";
|
|
3
|
+
import type { InputEvents } from "./index.js";
|
|
4
|
+
declare const __propDef: {
|
|
5
|
+
props: HTMLInputAttributes;
|
|
6
|
+
slots: {};
|
|
7
|
+
events: InputEvents;
|
|
8
|
+
};
|
|
9
|
+
export type InputProps = typeof __propDef.props;
|
|
10
|
+
type InputEvents_ = typeof __propDef.events;
|
|
11
|
+
export { InputEvents_ as InputEvents };
|
|
12
|
+
export type InputSlots = typeof __propDef.slots;
|
|
13
|
+
export default class Input extends SvelteComponent<InputProps, InputEvents_, InputSlots> {
|
|
14
|
+
}
|