lithesome 0.22.0 → 0.22.1

package/dist/components/accordion/state.svelte.d.ts

@@ -13,6 +13,9 @@ export declare class AccordionRoot {
         "data-accordion-root": string;
     };
     state: {
+        /**
+         * The current value.
+         */
         value: string | string[];
     };
 }
@@ -29,7 +32,13 @@ declare class AccordionItem {
         'data-value': string;
     };
     state: {
+        /**
+         * True if the item is active.
+         */
         active: boolean;
+        /**
+         * True the item is disabled.
+         */
         disabled: boolean;
     };
 }
@@ -46,6 +55,9 @@ declare class AccordionHeading {
         'aria-level': 2 | 1 | 3 | 4 | 5 | 6;
     };
     state: {
+        /**
+         * True if the item is active.
+         */
         active: boolean;
     };
 }
@@ -64,7 +76,13 @@ declare class AccordionButton {
         readonly tabindex: 0 | -1;
     };
     state: {
+        /**
+         * True if the item is active.
+         */
         active: boolean;
+        /**
+         * True if the item is disabled.
+         */
         disabled: boolean;
     };
 }
@@ -79,6 +97,9 @@ declare class AccordionContent {
         "data-accordion-content": string;
     };
     state: {
+        /**
+         * True if the item is active.
+         */
         active: boolean;
     };
 }

package/dist/components/accordion/state.svelte.js

@@ -31,6 +31,9 @@ export class AccordionRoot {
         [attrs.root]: ''
     }));
     state = $derived.by(() => ({
+        /**
+         * The current value.
+         */
         value: this.$$.value.val
     }));
 }
@@ -50,7 +53,13 @@ class AccordionItem {
         'data-value': this.$$.value.val
     }));
     state = $derived.by(() => ({
+        /**
+         * True if the item is active.
+         */
         active: this.Active,
+        /**
+         * True the item is disabled.
+         */
         disabled: this.$$.disabled.val
     }));
 }
@@ -70,6 +79,9 @@ class AccordionHeading {
         'aria-level': this.$$.level.val
     }));
     state = $derived.by(() => ({
+        /**
+         * True if the item is active.
+         */
         active: this._item.Active
     }));
 }
@@ -99,7 +111,13 @@ class AccordionButton {
         }))
     }));
     state = $derived.by(() => ({
+        /**
+         * True if the item is active.
+         */
         active: this._item.Active,
+        /**
+         * True if the item is disabled.
+         */
         disabled: this._item.$$.disabled.val
     }));
 }
@@ -118,6 +136,9 @@ class AccordionContent {
         [attrs.content]: ''
     }));
     state = $derived.by(() => ({
+        /**
+         * True if the item is active.
+         */
         active: this._item.Active
     }));
 }

package/dist/components/checkbox/state.svelte.d.ts

@@ -11,7 +11,13 @@ declare class CheckboxGroup {
         "data-checkbox-group": string;
     };
     state: {
+        /**
+         * True if the button is checked.
+         */
         checked: import("../../types/index.js").CheckboxChecked;
+        /**
+         * True if the group is disabled.
+         */
         disabled: boolean;
     };
 }
@@ -34,7 +40,13 @@ declare class CheckboxButton {
         disabled: true | undefined;
     };
     state: {
+        /**
+         * True if the button is checked.
+         */
         checked: import("../../types/index.js").CheckboxChecked;
+        /**
+         * True if the group is disabled.
+         */
         disabled: boolean;
     };
 }
@@ -49,7 +61,13 @@ declare class CheckboxLabel {
         for: string | undefined;
     };
     state: {
+        /**
+         * True if the button is checked.
+         */
         checked: import("../../types/index.js").CheckboxChecked;
+        /**
+         * True if the group is disabled.
+         */
         disabled: boolean;
     };
 }

package/dist/components/checkbox/state.svelte.js

@@ -12,7 +12,13 @@ class CheckboxGroup {
         [attrs.group]: ''
     }));
     state = $derived.by(() => ({
+        /**
+         * True if the button is checked.
+         */
         checked: this.$$.checked.val,
+        /**
+         * True if the group is disabled.
+         */
         disabled: this.$$.disabled.val
     }));
 }
@@ -52,7 +58,13 @@ class CheckboxButton {
         }))
     }));
     state = $derived.by(() => ({
+        /**
+         * True if the button is checked.
+         */
         checked: this.Checked,
+        /**
+         * True if the group is disabled.
+         */
         disabled: this.Disabled
     }));
 }
@@ -70,7 +82,13 @@ class CheckboxLabel {
         for: this._group.sharedIds.get('button')
     }));
     state = $derived.by(() => ({
+        /**
+         * True if the button is checked.
+         */
         checked: this._group.$$.checked.val,
+        /**
+         * True if the group is disabled.
+         */
         disabled: this._group.$$.disabled.val
     }));
 }

package/dist/components/dropzone/state.svelte.d.ts

@@ -11,13 +11,18 @@ declare class DropzoneRoot {
     constructor(props: RootProps);
     checkFileType: (file: File) => boolean;
     handleFiles: (filelist: FileList) => void;
-    validate: () => void;
     props: {
         id: string;
         "data-dropzone-root": string;
     };
     state: {
+        /**
+         * True if the dropzone is currently being hovered with a file.
+         */
         dragging: boolean;
+        /**
+         * True if any validation errors are found.
+         */
         errors: boolean;
     };
 }

package/dist/components/dropzone/state.svelte.js

@@ -69,7 +69,6 @@ class DropzoneRoot {
             this.$$.onSuccess?.(file);
         }
     };
-    validate = () => { };
     props = $derived.by(() => ({
         id: this.$$.id.val,
         [attrs.root]: '',
@@ -114,7 +113,13 @@ class DropzoneRoot {
         })
     }));
     state = $derived.by(() => ({
+        /**
+         * True if the dropzone is currently being hovered with a file.
+         */
         dragging: this.dragging,
+        /**
+         * True if any validation errors are found.
+         */
         errors: this.errorsFound
     }));
 }

package/dist/components/hovercard/state.svelte.d.ts

@@ -20,6 +20,9 @@ declare class HovercardRoot extends Floating {
     close: () => void;
     forceClose: () => void;
     state: {
+        /**
+         * True if the contents are visible.
+         */
         visible: boolean;
     };
 }
@@ -34,6 +37,9 @@ declare class HovercardTrigger {
         'aria-describedby': string | undefined;
     };
     state: {
+        /**
+         * True if the contents are visible.
+         */
         visible: boolean;
     };
 }
@@ -47,6 +53,9 @@ declare class HovercardContent {
         "data-hovercard-content": string;
     };
     state: {
+        /**
+         * True if the contents are visible.
+         */
         visible: boolean;
     };
 }
@@ -60,6 +69,9 @@ declare class HovercardArrow {
         "data-hovercard-arrow": string;
     };
     state: {
+        /**
+         * True if the contents are visible.
+         */
         visible: boolean;
     };
 }

package/dist/components/hovercard/state.svelte.js

@@ -28,6 +28,9 @@ class HovercardRoot extends Floating {
         this.$$.visible.val = false;
     };
     state = $derived.by(() => ({
+        /**
+         * True if the contents are visible.
+         */
         visible: this.$$.visible.val
     }));
 }
@@ -69,6 +72,9 @@ class HovercardTrigger {
         })
     }));
     state = $derived.by(() => ({
+        /**
+         * True if the contents are visible.
+         */
         visible: this._root.$$.visible.val
     }));
 }
@@ -107,6 +113,9 @@ class HovercardContent {
         })
     }));
     state = $derived.by(() => ({
+        /**
+         * True if the contents are visible.
+         */
         visible: this._root.$$.visible.val
     }));
 }
@@ -125,6 +134,9 @@ class HovercardArrow {
         })
     }));
     state = $derived.by(() => ({
+        /**
+         * True if the contents are visible.
+         */
         visible: this._root.$$.visible.val
     }));
 }

package/dist/components/menu/state.svelte.d.ts

@@ -14,6 +14,9 @@ declare class MenuBaseState extends Floating {
     $$: RootProps;
     constructor(props: RootProps);
     state: {
+        /**
+         * True if the contents are visible.
+         */
         visible: boolean;
     };
 }
@@ -35,6 +38,9 @@ declare class MenuRoot extends MenuBaseState {
     setHoveredItem: (item: string) => void;
     getHoveredElement: () => HTMLButtonElement | null;
     state: {
+        /**
+         * True if the contents are visible.
+         */
         visible: boolean;
     };
 }
@@ -51,6 +57,9 @@ declare class MenuTrigger {
         'aria-controls': string | undefined;
     };
     state: {
+        /**
+         * True if the contents are visible.
+         */
         visible: boolean;
     };
 }
@@ -64,6 +73,9 @@ declare class MenuArrow {
         "data-menu-arrow": string;
     };
     state: {
+        /**
+         * True if the contents are visible.
+         */
         visible: boolean;
     };
 }
@@ -77,6 +89,9 @@ declare class MenuContent {
         "data-menu-content": string;
     };
     state: {
+        /**
+         * True if the contents are visible.
+         */
         visible: boolean;
     };
 }
@@ -94,7 +109,13 @@ declare class MenuItem {
         'aria-disabled': boolean;
     };
     state: {
+        /**
+         * True if the item is disabled.
+         */
         readonly disabled: boolean;
+        /**
+         * True if the item is being hovered.
+         */
         readonly active: boolean;
     };
 }
@@ -125,8 +146,17 @@ declare class MenuSubTrigger {
         'aria-controls': string | undefined;
     };
     state: {
+        /**
+         * True if the sub menu is disabled.
+         */
         readonly disabled: boolean;
+        /**
+         * True if item is hovered.
+         */
         readonly active: boolean;
+        /**
+         * True if the sub menu is opened.
+         */
         readonly opened: boolean;
     };
 }
@@ -141,6 +171,9 @@ declare class MenuSubContent {
         "data-menu-sub-content": string;
     };
     state: {
+        /**
+         * True if the contents are visible.
+         */
         visible: boolean;
     };
 }

package/dist/components/menu/state.svelte.js

@@ -18,6 +18,9 @@ class MenuBaseState extends Floating {
         this.$$ = props;
     }
     state = $derived.by(() => ({
+        /**
+         * True if the contents are visible.
+         */
         visible: this.$$.visible.val
     }));
 }
@@ -84,6 +87,9 @@ class MenuRoot extends MenuBaseState {
         return document.querySelector(`${selectors.item}#${this.HoveredItem.id}`);
     };
     state = $derived.by(() => ({
+        /**
+         * True if the contents are visible.
+         */
         visible: this.$$.visible.val
     }));
 }
@@ -160,6 +166,9 @@ class MenuTrigger {
         })
     }));
     state = $derived.by(() => ({
+        /**
+         * True if the contents are visible.
+         */
         visible: this._root.$$.visible.val
     }));
 }
@@ -178,6 +187,9 @@ class MenuArrow {
         })
     }));
     state = $derived.by(() => ({
+        /**
+         * True if the contents are visible.
+         */
         visible: this._parent.$$.visible.val
     }));
 }
@@ -207,6 +219,9 @@ class MenuContent {
         })
     }));
     state = $derived.by(() => ({
+        /**
+         * True if the contents are visible.
+         */
         visible: this._root.$$.visible.val
     }));
 }
@@ -246,7 +261,13 @@ class MenuItem {
         })
     }));
     state = $derived.by(() => ({
+        /**
+         * True if the item is disabled.
+         */
         disabled: this.$$.disabled.val,
+        /**
+         * True if the item is being hovered.
+         */
         active: this.IsActive
     }));
 }
@@ -310,8 +331,17 @@ class MenuSubTrigger {
         })
     }));
     state = $derived.by(() => ({
+        /**
+         * True if the sub menu is disabled.
+         */
         disabled: this._sub.$$.disabled.val,
+        /**
+         * True if item is hovered.
+         */
         active: this.IsActive,
+        /**
+         * True if the sub menu is opened.
+         */
         opened: this.IsOpened
     }));
 }
@@ -339,6 +369,9 @@ class MenuSubContent {
         })
     }));
     state = $derived.by(() => ({
+        /**
+         * True if the contents are visible.
+         */
         visible: this._sub.$$.visible.val
     }));
 }

package/dist/components/modal/state.svelte.d.ts

@@ -12,6 +12,9 @@ declare class ModalRoot extends Scrolling {
     toggle: () => void;
     handleKeydown: (e: KeyboardEvent) => void;
     state: {
+        /**
+         * True if the contents are visible.
+         */
         visible: boolean;
     };
 }
@@ -28,6 +31,9 @@ declare class ModalTrigger {
         'aria-controls': string | undefined;
     };
     state: {
+        /**
+         * True if the contents are visible.
+         */
         visible: boolean;
     };
 }
@@ -42,6 +48,9 @@ declare class ModalBackdrop {
         'aria-hidden': boolean;
     };
     state: {
+        /**
+         * True if the contents are visible.
+         */
         visible: boolean;
     };
 }
@@ -60,6 +69,9 @@ declare class ModalContent {
         readonly 'aria-labelledby': string | undefined;
     };
     state: {
+        /**
+         * True if the contents are visible.
+         */
         visible: boolean;
     };
 }

package/dist/components/modal/state.svelte.js

@@ -38,6 +38,9 @@ class ModalRoot extends Scrolling {
             this.$$.visible.val = false;
     };
     state = $derived.by(() => ({
+        /**
+         * True if the contents are visible.
+         */
         visible: this.$$.visible.val
     }));
 }
@@ -63,6 +66,9 @@ class ModalTrigger {
         }))
     }));
     state = $derived.by(() => ({
+        /**
+         * True if the contents are visible.
+         */
         visible: this._root.$$.visible.val
     }));
 }
@@ -93,6 +99,9 @@ class ModalBackdrop {
         })
     }));
     state = $derived.by(() => ({
+        /**
+         * True if the contents are visible.
+         */
         visible: this._root.$$.visible.val
     }));
 }
@@ -123,6 +132,9 @@ class ModalContent {
         })
     }));
     state = $derived.by(() => ({
+        /**
+         * True if the contents are visible.
+         */
         visible: this._root.$$.visible.val
     }));
 }

package/dist/components/pin/state.svelte.d.ts

@@ -35,8 +35,17 @@ declare class PinInput {
         "data-pin-input": string;
     };
     state: {
+        /**
+         * True if every input is filled.
+         */
         filled: boolean;
+        /**
+         * True if the input is disabled.
+         */
         disabled: boolean;
+        /**
+         * True if the input is focused.
+         */
         focused: boolean;
     };
 }

package/dist/components/pin/state.svelte.js

@@ -144,8 +144,17 @@ class PinInput {
         }))
     }));
     state = $derived.by(() => ({
+        /**
+         * True if every input is filled.
+         */
         filled: this._root.Filled,
+        /**
+         * True if the input is disabled.
+         */
         disabled: this._root.$$.disabled.val,
+        /**
+         * True if the input is focused.
+         */
         focused: this.focused
     }));
 }

package/dist/components/radiogroup/state.svelte.d.ts

@@ -20,7 +20,13 @@ declare class RadioGroupRoot {
         "data-radiogroup-root": string;
     };
     state: {
+        /**
+         * The current value of the group.
+         */
         value: string;
+        /**
+         * True if the group is disabled.
+         */
         disabled: boolean;
     };
 }
@@ -39,7 +45,13 @@ declare class RadioGroupItem {
         tabindex: number;
     };
     state: {
+        /**
+         * True if the item is selected.
+         */
         selected: boolean;
+        /**
+         * True if the item is disabled.
+         */
         disabled: boolean;
     };
 }

package/dist/components/radiogroup/state.svelte.js

@@ -34,7 +34,13 @@ class RadioGroupRoot {
         [attrs.root]: ''
     }));
     state = $derived.by(() => ({
+        /**
+         * The current value of the group.
+         */
         value: this.$$.value.val,
+        /**
+         * True if the group is disabled.
+         */
         disabled: this.$$.disabled.val
     }));
 }
@@ -77,7 +83,13 @@ class RadioGroupItem {
         }))
     }));
     state = $derived.by(() => ({
+        /**
+         * True if the item is selected.
+         */
         selected: this.Selected,
+        /**
+         * True if the item is disabled.
+         */
         disabled: this.$$.disabled.val
     }));
 }