@medyll/idae-slotui-svelte 0.3.0

package/dist/controls/checkbox/Checkbox.demo.svelte.d.ts

@@ -0,0 +1,14 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type CheckboxProps = typeof __propDef.props;
+export type CheckboxEvents = typeof __propDef.events;
+export type CheckboxSlots = typeof __propDef.slots;
+export default class Checkbox extends SvelteComponent<CheckboxProps, CheckboxEvents, CheckboxSlots> {
+}
+export {};

package/dist/controls/checkbox/Checkbox.svelte

@@ -0,0 +1,201 @@
+<script lang="ts">import Slotted from "../../utils/slotted/Slotted.svelte";
+let {
+  title,
+  indeterminate = $bindable(false),
+  class: className = "",
+  inputElement = $bindable(),
+  labelElement,
+  checked = $bindable(false),
+  value = $bindable(void 0),
+  disabled = $bindable(false),
+  dense,
+  children,
+  ...rest
+} = $props();
+</script>
+
+<label class="checkbox-root" class:disabled class:indeterminate bind:this={labelElement}>
+	<div class="checkbox-container dense-{dense}">
+		<!-- @ts-ignore -->
+		<input
+			bind:this={inputElement}
+			bind:checked
+			bind:indeterminate
+			{value}
+			{disabled}
+			{...rest}
+			type="checkbox"
+			class="checkbox {className}"
+		/>
+		<svg aria-hidden="true" class="svg" viewBox={'0 0 16 16'}>
+			{#if indeterminate}
+				<path
+					class="path-indeterminate"
+					fill="currentColor"
+					d="M213.5,554.5C207.5,554.5 201.917,553.417 196.75,551.25C191.583,549.083 187.083,546.083 183.25,542.25C179.417,538.417 176.333,533.917 174,528.75C171.667,523.583 170.5,518 170.5,512C170.5,506 171.667,500.417 174,495.25C176.333,490.083 179.417,485.583 183.25,481.75C187.083,477.917 191.583,474.917 196.75,472.75C201.917,470.583 207.5,469.5 213.5,469.5L810.5,469.5C816.5,469.5 822.083,470.583 827.25,472.75C832.417,474.917 836.917,477.917 840.75,481.75C844.583,485.583 847.667,490.083 850,495.25C852.333,500.417 853.5,506 853.5,512C853.5,518 852.333,523.583 850,528.75C847.667,533.917 844.583,538.417 840.75,542.25C836.917,546.083 832.417,549.083 827.25,551.25C822.083,553.417 816.5,554.5 810.5,554.5Z"
+				/>
+			{:else if checked}
+				<path
+					class="path-check"
+					d="m14.431 3.323l-8.47 10l-.79-.036l-3.35-4.77l.818-.574l2.978 4.24l8.051-9.506z"
+					clip-rule="evenodd"
+					stroke-width="4"
+					fill="white"
+				/>
+			{/if}
+		</svg>
+	</div>
+	{#if children || title}
+		<div>
+			<Slotted child={children}>{title}</Slotted>
+		</div>
+	{/if}
+</label>
+
+<style>:root {
+  --sld-checkbox-background: var(--sld-color-background-alpha-high);
+  --sld-checkbox-background-hover: var(--sld-color-primary);
+  --sld-checkbox-background-checked: var(--sld-color-primary);
+  --sld-checkbox-background-indeterminate: var(--sld-color-primary-alpha-mid);
+  --sld-checkbox-border-width: 2px;
+  --sld-checkbox-border-color: var(--sld-color-foreground-alpha-mid);
+  --sld-checkbox-border-bottom-width: 2px;
+  --sld-checkbox-border-bottom-color: var(--sld-color-primary-darker, rgb(208, 191, 151));
+  --sld-checkbox-radius: var(--sld-radius-small);
+  --sld-checkbox-padding: 0 0.5rem;
+  --sld-checkbox-shadow: 0px 0px 3px 1px rgba(51, 51, 51, 0.1);
+}
+
+.checkbox {
+  transition: all 0.2s ease;
+  appearance: none;
+  outline: none;
+  border: var(--sld-checkbox-border-width) solid var(--sld-checkbox-border-color);
+  border-radius: var(--sld-checkbox-radius);
+  background-clip: padding-box;
+  background-color: var(--sld-checkbox-background);
+  width: 1.7rem;
+  height: 1.7rem;
+  aspect-ratio: 1/1;
+  padding: 0;
+  margin: 0;
+}
+
+.checkbox:hover {
+  border-color: var(--sld-hover-border-color);
+  background-color: var(--sld-background-disabled);
+}
+
+.checkbox {
+  --preset-tall: var(--sld-tall-small);
+  min-height: var(--preset-tall-small);
+  height: var(--preset-tall-small);
+}
+
+.checkbox[tall=tiny], .checkbox.tall-tiny {
+  min-height: var(--sld-tall-tiny) !important;
+}
+
+.checkbox[tall=mini], .checkbox.tall-mini {
+  min-height: var(--sld-tall-mini) !important;
+}
+
+.checkbox[tall=small], .checkbox.tall-small {
+  min-height: var(--sld-tall-small) !important;
+}
+
+.checkbox[tall=med], .checkbox.tall-med {
+  min-height: var(--sld-tall-med) !important;
+}
+
+.checkbox[tall=kind], .checkbox.tall-kind {
+  min-height: var(--sld-tall-kind) !important;
+}
+
+.checkbox[tall=auto], .checkbox.tall-auto {
+  min-height: var(--sld-tall-auto) !important;
+}
+
+.checkbox[tall=default], .checkbox.tall-default {
+  min-height: var(--sld-tall-default) !important;
+}
+
+.checkbox:focus-visible {
+  box-shadow: var(--sld-checkbox-shadow);
+}
+
+.checkbox:hover {
+  background-color: var(--sld-color-primary-darken-mid);
+}
+
+.checkbox:active + .svg {
+  color: var(--sld-color-secondary);
+}
+
+.checkbox:disabled {
+  border-color: #ccc;
+  background-color: #ededed;
+  pointer-events: none;
+}
+
+.checkbox:checked, .checkbox:indeterminate {
+  background-color: var(--sld-checkbox-background-indeterminate);
+}
+
+.checkbox:checked:hover, .checkbox:indeterminate:hover {
+  background-color: var(--sld-checkbox-background-hover);
+}
+
+.checkbox:checked:active, .checkbox:checked:focus, .checkbox:indeterminate:active, .checkbox:indeterminate:focus {
+  background-color: var(--sld-checkbox-background-checked);
+}
+
+.checkbox:checked:disabled, .checkbox:checked[disabled], .checkbox:indeterminate:disabled, .checkbox:indeterminate[disabled] {
+  border-color: #ccc;
+  background-color: #ededed;
+  pointer-events: none;
+}
+
+.checkbox:checked:disabled + .svg, .checkbox:checked[disabled] + .svg, .checkbox:indeterminate:disabled + .svg, .checkbox:indeterminate[disabled] + .svg {
+  color: #ededed;
+}
+
+.checkbox-root {
+  display: flex;
+  align-items: center;
+  -webkit-user-select: none;
+  user-select: none;
+  min-block-size: 32px;
+  gap: 0.5rem;
+}
+
+.checkbox-root.disabled > span {
+  color: #ededed;
+}
+
+.checkbox-root .checkbox-container {
+  display: inline-flex;
+  justify-content: center;
+  position: relative;
+}
+
+.checkbox-root .checkbox-container .svg {
+  position: absolute;
+  color: white;
+  height: 100%;
+  width: 100%;
+  padding: 3px;
+}
+
+.checkbox-root .checkbox-container .svg path {
+  transform-origin: center;
+}
+
+.checkbox-root .checkbox-container .svg path-check {
+  transform: scale(1.1);
+  fill: white;
+}
+
+.checkbox-root .checkbox-container .svg path-indeterminate {
+  transform: scale(1.1);
+}</style>

package/dist/controls/checkbox/Checkbox.svelte.d.ts

@@ -0,0 +1,436 @@
+import { SvelteComponent } from "svelte";
+import type { ElementProps } from '../../types/index.js';
+declare const __propDef: {
+    props: {
+        'anchor-for'?: string;
+        element?: HTMLElement;
+        class?: string;
+        style?: (string & CSSStyleDeclaration) | undefined;
+        container?: `inline` | `size` | `normal`;
+        hideMaxWidth?: string;
+        hideMaxHeight?: string;
+        hideMinWidth?: string;
+        hideMinHeight?: string;
+        children?: (import("svelte").Snippet<[any]> & HTMLCollection) | undefined;
+        accept?: string | undefined;
+        align?: string | undefined;
+        alt?: string | undefined;
+        autocomplete?: AutoFill | undefined;
+        capture?: string | undefined;
+        checked?: boolean | undefined;
+        defaultChecked?: boolean | undefined;
+        defaultValue?: string | undefined;
+        dirName?: string | undefined;
+        disabled?: boolean | undefined;
+        files?: FileList | null | undefined;
+        readonly form?: HTMLFormElement | null | undefined;
+        formAction?: string | undefined;
+        formEnctype?: string | undefined;
+        formMethod?: string | undefined;
+        formNoValidate?: boolean | undefined;
+        formTarget?: string | undefined;
+        height?: number | undefined;
+        indeterminate?: boolean | undefined;
+        readonly labels?: NodeListOf<HTMLLabelElement> | null | undefined;
+        readonly list?: HTMLDataListElement | null | undefined;
+        max?: string | undefined;
+        maxLength?: number | undefined;
+        min?: string | undefined;
+        minLength?: number | undefined;
+        multiple?: boolean | undefined;
+        name?: string | undefined;
+        pattern?: string | undefined;
+        placeholder?: string | undefined;
+        readOnly?: boolean | undefined;
+        required?: boolean | undefined;
+        selectionDirection?: "none" | "forward" | "backward" | null | undefined;
+        selectionEnd?: number | null | undefined;
+        selectionStart?: number | null | undefined;
+        size?: number | undefined;
+        src?: string | undefined;
+        step?: string | undefined;
+        type?: string | undefined;
+        useMap?: string | undefined;
+        readonly validationMessage?: string | undefined;
+        readonly validity?: ValidityState | undefined;
+        value?: any;
+        valueAsDate?: Date | null | undefined;
+        valueAsNumber?: number | undefined;
+        readonly webkitEntries?: readonly FileSystemEntry[] | undefined;
+        webkitdirectory?: boolean | undefined;
+        width?: number | undefined;
+        readonly willValidate?: boolean | undefined;
+        checkValidity?: (() => boolean) | undefined;
+        reportValidity?: (() => boolean) | undefined;
+        select?: (() => void) | undefined;
+        setCustomValidity?: ((error: string) => void) | undefined;
+        setRangeText?: {
+            (replacement: string): void;
+            (replacement: string, start: number, end: number, selectionMode?: SelectionMode): void;
+        } | undefined;
+        setSelectionRange?: ((start: number | null, end: number | null, direction?: "forward" | "backward" | "none") => void) | undefined;
+        showPicker?: (() => void) | undefined;
+        stepDown?: ((n?: number) => void) | undefined;
+        stepUp?: ((n?: number) => void) | undefined;
+        addEventListener?: {
+            <K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLInputElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+            (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        } | undefined;
+        removeEventListener?: {
+            <K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLInputElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+            (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+        } | undefined;
+        accessKey?: string | undefined;
+        readonly accessKeyLabel?: string | undefined;
+        autocapitalize?: string | undefined;
+        dir?: string | undefined;
+        draggable?: boolean | undefined;
+        hidden?: boolean | undefined;
+        inert?: boolean | undefined;
+        innerText?: string | undefined;
+        lang?: string | undefined;
+        readonly offsetHeight?: number | undefined;
+        readonly offsetLeft?: number | undefined;
+        readonly offsetParent?: Element | null | undefined;
+        readonly offsetTop?: number | undefined;
+        readonly offsetWidth?: number | undefined;
+        outerText?: string | undefined;
+        popover?: string | null | undefined;
+        spellcheck?: boolean | undefined;
+        title?: string | undefined;
+        translate?: boolean | undefined;
+        attachInternals?: (() => ElementInternals) | undefined;
+        click?: (() => void) | undefined;
+        hidePopover?: (() => void) | undefined;
+        showPopover?: (() => void) | undefined;
+        togglePopover?: ((force?: boolean) => boolean) | undefined;
+        readonly attributes?: NamedNodeMap | undefined;
+        readonly classList?: DOMTokenList | undefined;
+        className?: string | undefined;
+        readonly clientHeight?: number | undefined;
+        readonly clientLeft?: number | undefined;
+        readonly clientTop?: number | undefined;
+        readonly clientWidth?: number | undefined;
+        id?: string | undefined;
+        readonly localName?: string | undefined;
+        readonly namespaceURI?: string | null | undefined;
+        onfullscreenchange?: ((this: Element, ev: Event) => any) | null | undefined;
+        onfullscreenerror?: ((this: Element, ev: Event) => any) | null | undefined;
+        outerHTML?: string | undefined;
+        readonly ownerDocument?: Document | undefined;
+        readonly part?: DOMTokenList | undefined;
+        readonly prefix?: string | null | undefined;
+        readonly scrollHeight?: number | undefined;
+        scrollLeft?: number | undefined;
+        scrollTop?: number | undefined;
+        readonly scrollWidth?: number | undefined;
+        readonly shadowRoot?: ShadowRoot | null | undefined;
+        slot?: string | undefined;
+        readonly tagName?: string | undefined;
+        attachShadow?: ((init: ShadowRootInit) => ShadowRoot) | undefined;
+        checkVisibility?: ((options?: CheckVisibilityOptions) => boolean) | undefined;
+        closest?: {
+            <K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K] | null;
+            <K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K] | null;
+            <K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K] | null;
+            <E extends Element = Element>(selectors: string): E | null;
+        } | undefined;
+        computedStyleMap?: (() => StylePropertyMapReadOnly) | undefined;
+        getAttribute?: ((qualifiedName: string) => string | null) | undefined;
+        getAttributeNS?: ((namespace: string | null, localName: string) => string | null) | undefined;
+        getAttributeNames?: (() => string[]) | undefined;
+        getAttributeNode?: ((qualifiedName: string) => Attr | null) | undefined;
+        getAttributeNodeNS?: ((namespace: string | null, localName: string) => Attr | null) | undefined;
+        getBoundingClientRect?: (() => DOMRect) | undefined;
+        getClientRects?: (() => DOMRectList) | undefined;
+        getElementsByClassName?: ((classNames: string) => HTMLCollectionOf<Element>) | undefined;
+        getElementsByTagName?: {
+            <K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
+            <K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;
+            <K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
+            <K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
+            (qualifiedName: string): HTMLCollectionOf<Element>;
+        } | undefined;
+        getElementsByTagNameNS?: {
+            (namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
+            (namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
+            (namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
+            (namespace: string | null, localName: string): HTMLCollectionOf<Element>;
+        } | undefined;
+        hasAttribute?: ((qualifiedName: string) => boolean) | undefined;
+        hasAttributeNS?: ((namespace: string | null, localName: string) => boolean) | undefined;
+        hasAttributes?: (() => boolean) | undefined;
+        hasPointerCapture?: ((pointerId: number) => boolean) | undefined;
+        insertAdjacentElement?: ((where: InsertPosition, element: Element) => Element | null) | undefined;
+        insertAdjacentHTML?: ((position: InsertPosition, text: string) => void) | undefined;
+        insertAdjacentText?: ((where: InsertPosition, data: string) => void) | undefined;
+        matches?: ((selectors: string) => boolean) | undefined;
+        releasePointerCapture?: ((pointerId: number) => void) | undefined;
+        removeAttribute?: ((qualifiedName: string) => void) | undefined;
+        removeAttributeNS?: ((namespace: string | null, localName: string) => void) | undefined;
+        removeAttributeNode?: ((attr: Attr) => Attr) | undefined;
+        requestFullscreen?: ((options?: FullscreenOptions) => Promise<void>) | undefined;
+        requestPointerLock?: (() => void) | undefined;
+        scroll?: {
+            (options?: ScrollToOptions): void;
+            (x: number, y: number): void;
+        } | undefined;
+        scrollBy?: {
+            (options?: ScrollToOptions): void;
+            (x: number, y: number): void;
+        } | undefined;
+        scrollIntoView?: ((arg?: boolean | ScrollIntoViewOptions) => void) | undefined;
+        scrollTo?: {
+            (options?: ScrollToOptions): void;
+            (x: number, y: number): void;
+        } | undefined;
+        setAttribute?: ((qualifiedName: string, value: string) => void) | undefined;
+        setAttributeNS?: ((namespace: string | null, qualifiedName: string, value: string) => void) | undefined;
+        setAttributeNode?: ((attr: Attr) => Attr | null) | undefined;
+        setAttributeNodeNS?: ((attr: Attr) => Attr | null) | undefined;
+        setHTMLUnsafe?: ((html: string) => void) | undefined;
+        setPointerCapture?: ((pointerId: number) => void) | undefined;
+        toggleAttribute?: ((qualifiedName: string, force?: boolean) => boolean) | undefined;
+        webkitMatchesSelector?: ((selectors: string) => boolean) | undefined;
+        readonly baseURI?: string | undefined;
+        readonly childNodes?: NodeListOf<ChildNode> | undefined;
+        readonly firstChild?: ChildNode | null | undefined;
+        readonly isConnected?: boolean | undefined;
+        readonly lastChild?: ChildNode | null | undefined;
+        readonly nextSibling?: ChildNode | null | undefined;
+        readonly nodeName?: string | undefined;
+        readonly nodeType?: number | undefined;
+        nodeValue?: string | null | undefined;
+        readonly parentElement?: HTMLElement | null | undefined;
+        readonly parentNode?: ParentNode | null | undefined;
+        readonly previousSibling?: ChildNode | null | undefined;
+        textContent?: string | null | undefined;
+        appendChild?: (<T extends Node>(node: T) => T) | undefined;
+        cloneNode?: ((deep?: boolean) => Node) | undefined;
+        compareDocumentPosition?: ((other: Node) => number) | undefined;
+        contains?: ((other: Node | null) => boolean) | undefined;
+        getRootNode?: ((options?: GetRootNodeOptions) => Node) | undefined;
+        hasChildNodes?: (() => boolean) | undefined;
+        insertBefore?: (<T extends Node>(node: T, child: Node | null) => T) | undefined;
+        isDefaultNamespace?: ((namespace: string | null) => boolean) | undefined;
+        isEqualNode?: ((otherNode: Node | null) => boolean) | undefined;
+        isSameNode?: ((otherNode: Node | null) => boolean) | undefined;
+        lookupNamespaceURI?: ((prefix: string | null) => string | null) | undefined;
+        lookupPrefix?: ((namespace: string | null) => string | null) | undefined;
+        normalize?: (() => void) | undefined;
+        removeChild?: (<T extends Node>(child: T) => T) | undefined;
+        replaceChild?: (<T extends Node>(node: Node, child: T) => T) | undefined;
+        readonly ELEMENT_NODE?: 1 | undefined;
+        readonly ATTRIBUTE_NODE?: 2 | undefined;
+        readonly TEXT_NODE?: 3 | undefined;
+        readonly CDATA_SECTION_NODE?: 4 | undefined;
+        readonly ENTITY_REFERENCE_NODE?: 5 | undefined;
+        readonly ENTITY_NODE?: 6 | undefined;
+        readonly PROCESSING_INSTRUCTION_NODE?: 7 | undefined;
+        readonly COMMENT_NODE?: 8 | undefined;
+        readonly DOCUMENT_NODE?: 9 | undefined;
+        readonly DOCUMENT_TYPE_NODE?: 10 | undefined;
+        readonly DOCUMENT_FRAGMENT_NODE?: 11 | undefined;
+        readonly NOTATION_NODE?: 12 | undefined;
+        readonly DOCUMENT_POSITION_DISCONNECTED?: 1 | undefined;
+        readonly DOCUMENT_POSITION_PRECEDING?: 2 | undefined;
+        readonly DOCUMENT_POSITION_FOLLOWING?: 4 | undefined;
+        readonly DOCUMENT_POSITION_CONTAINS?: 8 | undefined;
+        readonly DOCUMENT_POSITION_CONTAINED_BY?: 16 | undefined;
+        readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC?: 32 | undefined;
+        dispatchEvent?: ((event: Event) => boolean) | undefined;
+        ariaAtomic?: string | null | undefined;
+        ariaAutoComplete?: string | null | undefined;
+        ariaBrailleLabel?: string | null | undefined;
+        ariaBrailleRoleDescription?: string | null | undefined;
+        ariaBusy?: string | null | undefined;
+        ariaChecked?: string | null | undefined;
+        ariaColCount?: string | null | undefined;
+        ariaColIndex?: string | null | undefined;
+        ariaColSpan?: string | null | undefined;
+        ariaCurrent?: string | null | undefined;
+        ariaDescription?: string | null | undefined;
+        ariaDisabled?: string | null | undefined;
+        ariaExpanded?: string | null | undefined;
+        ariaHasPopup?: string | null | undefined;
+        ariaHidden?: string | null | undefined;
+        ariaInvalid?: string | null | undefined;
+        ariaKeyShortcuts?: string | null | undefined;
+        ariaLabel?: string | null | undefined;
+        ariaLevel?: string | null | undefined;
+        ariaLive?: string | null | undefined;
+        ariaModal?: string | null | undefined;
+        ariaMultiLine?: string | null | undefined;
+        ariaMultiSelectable?: string | null | undefined;
+        ariaOrientation?: string | null | undefined;
+        ariaPlaceholder?: string | null | undefined;
+        ariaPosInSet?: string | null | undefined;
+        ariaPressed?: string | null | undefined;
+        ariaReadOnly?: string | null | undefined;
+        ariaRequired?: string | null | undefined;
+        ariaRoleDescription?: string | null | undefined;
+        ariaRowCount?: string | null | undefined;
+        ariaRowIndex?: string | null | undefined;
+        ariaRowSpan?: string | null | undefined;
+        ariaSelected?: string | null | undefined;
+        ariaSetSize?: string | null | undefined;
+        ariaSort?: string | null | undefined;
+        ariaValueMax?: string | null | undefined;
+        ariaValueMin?: string | null | undefined;
+        ariaValueNow?: string | null | undefined;
+        ariaValueText?: string | null | undefined;
+        role?: string | null | undefined;
+        animate?: ((keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions) => Animation) | undefined;
+        getAnimations?: ((options?: GetAnimationsOptions) => Animation[]) | undefined;
+        after?: ((...nodes: (Node | string)[]) => void) | undefined;
+        before?: ((...nodes: (Node | string)[]) => void) | undefined;
+        remove?: (() => void) | undefined;
+        replaceWith?: ((...nodes: (Node | string)[]) => void) | undefined;
+        innerHTML?: string | undefined;
+        readonly nextElementSibling?: Element | null | undefined;
+        readonly previousElementSibling?: Element | null | undefined;
+        readonly childElementCount?: number | undefined;
+        readonly firstElementChild?: Element | null | undefined;
+        readonly lastElementChild?: Element | null | undefined;
+        append?: ((...nodes: (Node | string)[]) => void) | undefined;
+        prepend?: ((...nodes: (Node | string)[]) => void) | undefined;
+        querySelector?: {
+            <K extends keyof HTMLElementTagNameMap>(selectors: K): HTMLElementTagNameMap[K] | null;
+            <K extends keyof SVGElementTagNameMap>(selectors: K): SVGElementTagNameMap[K] | null;
+            <K extends keyof MathMLElementTagNameMap>(selectors: K): MathMLElementTagNameMap[K] | null;
+            <K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): HTMLElementDeprecatedTagNameMap[K] | null;
+            <E extends Element = Element>(selectors: string): E | null;
+        } | undefined;
+        querySelectorAll?: {
+            <K extends keyof HTMLElementTagNameMap>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
+            <K extends keyof SVGElementTagNameMap>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
+            <K extends keyof MathMLElementTagNameMap>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
+            <K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
+            <E extends Element = Element>(selectors: string): NodeListOf<E>;
+        } | undefined;
+        replaceChildren?: ((...nodes: (Node | string)[]) => void) | undefined;
+        readonly assignedSlot?: HTMLSlotElement | null | undefined;
+        readonly attributeStyleMap?: StylePropertyMap | undefined;
+        contentEditable?: string | undefined;
+        enterKeyHint?: string | undefined;
+        inputMode?: string | undefined;
+        readonly isContentEditable?: boolean | undefined;
+        onabort?: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null | undefined;
+        onanimationcancel?: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null | undefined;
+        onanimationend?: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null | undefined;
+        onanimationiteration?: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null | undefined;
+        onanimationstart?: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null | undefined;
+        onauxclick?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
+        onbeforeinput?: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null | undefined;
+        onbeforetoggle?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onblur?: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null | undefined;
+        oncancel?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        oncanplay?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        oncanplaythrough?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onchange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onclick?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
+        onclose?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        oncontextmenu?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
+        oncopy?: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null | undefined;
+        oncuechange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        oncut?: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null | undefined;
+        ondblclick?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
+        ondrag?: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null | undefined;
+        ondragend?: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null | undefined;
+        ondragenter?: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null | undefined;
+        ondragleave?: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null | undefined;
+        ondragover?: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null | undefined;
+        ondragstart?: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null | undefined;
+        ondrop?: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null | undefined;
+        ondurationchange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onemptied?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onended?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onerror?: OnErrorEventHandler | undefined;
+        onfocus?: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null | undefined;
+        onformdata?: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null | undefined;
+        ongotpointercapture?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
+        oninput?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        oninvalid?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onkeydown?: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null | undefined;
+        onkeypress?: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null | undefined;
+        onkeyup?: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null | undefined;
+        onload?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onloadeddata?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onloadedmetadata?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onloadstart?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onlostpointercapture?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
+        onmousedown?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
+        onmouseenter?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
+        onmouseleave?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
+        onmousemove?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
+        onmouseout?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
+        onmouseover?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
+        onmouseup?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
+        onpaste?: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null | undefined;
+        onpause?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onplay?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onplaying?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onpointercancel?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
+        onpointerdown?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
+        onpointerenter?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
+        onpointerleave?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
+        onpointermove?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
+        onpointerout?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
+        onpointerover?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
+        onpointerup?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
+        onprogress?: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null | undefined;
+        onratechange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onreset?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onresize?: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null | undefined;
+        onscroll?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onscrollend?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onsecuritypolicyviolation?: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null | undefined;
+        onseeked?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onseeking?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onselect?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onselectionchange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onselectstart?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onslotchange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onstalled?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onsubmit?: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null | undefined;
+        onsuspend?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        ontimeupdate?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        ontoggle?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+        ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+        ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+        ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+        ontransitioncancel?: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null | undefined;
+        ontransitionend?: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null | undefined;
+        ontransitionrun?: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null | undefined;
+        ontransitionstart?: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null | undefined;
+        onvolumechange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onwaiting?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onwebkitanimationend?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onwebkitanimationiteration?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onwebkitanimationstart?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onwebkittransitionend?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onwheel?: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null | undefined;
+        autofocus?: boolean | undefined;
+        readonly dataset?: DOMStringMap | undefined;
+        nonce?: string;
+        tabIndex?: number | undefined;
+        blur?: (() => void) | undefined;
+        focus?: ((options?: FocusOptions) => void) | undefined;
+        popoverTargetAction?: string | undefined;
+        popoverTargetElement?: Element | null | undefined;
+        inputElement?: HTMLInputElement;
+        labelElement?: HTMLLabelElement;
+        dense: ElementProps["dense"];
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+type CheckboxProps_ = typeof __propDef.props;
+export { CheckboxProps_ as CheckboxProps };
+export type CheckboxEvents = typeof __propDef.events;
+export type CheckboxSlots = typeof __propDef.slots;
+export default class Checkbox extends SvelteComponent<CheckboxProps_, CheckboxEvents, CheckboxSlots> {
+}