lithesome 0.9.0 → 0.10.0

package/dist/{internal/actions/clickOutside.d.ts → actions/outside.d.ts}

@@ -5,10 +5,14 @@ type ExlcudeElement = HTMLElement | null | undefined;
  * @param options Object of options.
  * @param options.callback The function called when clicking outside of the element.
  * @param options.exlude The element to be excluded when calling the `options.callback` handler.
+ * @param options.event The event to trigger the callback function.
+ *
+ * Default = `click`
  */
-export declare const clickOutside: (node: HTMLElement, options: {
+export declare const useOutside: (node: HTMLElement, options: {
     callback: () => void;
     exclude?: ExlcudeElement[] | ExlcudeElement;
+    on?: keyof DocumentEventMap;
 }) => {
     destroy: () => void;
 };

package/dist/{internal/actions/clickOutside.js → actions/outside.js}

@@ -4,19 +4,22 @@
  * @param options Object of options.
  * @param options.callback The function called when clicking outside of the element.
  * @param options.exlude The element to be excluded when calling the `options.callback` handler.
+ * @param options.event The event to trigger the callback function.
+ *
+ * Default = `click`
  */
-export const clickOutside = (node, options) => {
-    const onClick = (e) => {
-        const { callback, exclude } = options;
+export const useOutside = (node, options) => {
+    const { callback, exclude, on = 'click' } = options;
+    const event = (e) => {
         const target = e.target;
         const contains = Array.isArray(exclude) ? exclude.some((el) => el?.contains(target)) : exclude?.contains(target);
         if (node && !node.contains(target) && !e.defaultPrevented && !contains)
             callback();
     };
-    document.addEventListener('click', onClick, true);
+    document.addEventListener(on, event, true);
     return {
         destroy() {
-            document.removeEventListener('click', onClick, true);
+            document.removeEventListener(on, event, true);
         }
     };
 };

package/dist/{internal/actions → actions}/portal.d.ts

@@ -3,7 +3,7 @@
  * @param target The element to be portaled to.\
  * Default = `body`.
  */
-export declare const portal: (node: HTMLElement, target?: HTMLElement | string) => {
+export declare const usePortal: (node: HTMLElement, target?: HTMLElement | string) => {
     update: (newTarget: HTMLElement | string) => Promise<void>;
-    destroy: () => void;
+    destroy: () => Promise<void>;
 };

package/dist/{internal/actions → actions}/portal.js

@@ -1,11 +1,11 @@
 import { tick } from 'svelte';
-import { log } from '../helpers/log.js';
+import { log } from '../internal/helpers/log.js';
 /**
  * A svelte action to portal content from one part of the dom to another.
  * @param target The element to be portaled to.\
  * Default = `body`.
  */
-export const portal = (node, target = '#layers') => {
+export const usePortal = (node, target = '#layers') => {
     const update = async (newTarget) => {
         let el = typeof newTarget === 'string' ? document.querySelector(newTarget) : newTarget;
         await tick();
@@ -15,7 +15,8 @@ export const portal = (node, target = '#layers') => {
         }
         el.appendChild(node);
     };
-    const destroy = () => {
+    const destroy = async () => {
+        await tick();
         if (node)
             node.remove();
     };

package/dist/{internal/actions/focusTrap.d.ts → actions/trap.d.ts}

@@ -2,6 +2,6 @@ import { type Options } from 'focus-trap';
 /**
  * Creates a focus trap.
  */
-export declare const trap: (node: HTMLElement, options?: Options) => {
+export declare const useTrap: (node: HTMLElement, options?: Options) => {
     destroy(): void;
 } | undefined;

package/dist/{internal/actions/focusTrap.js → actions/trap.js}

@@ -2,7 +2,7 @@ import { createFocusTrap } from 'focus-trap';
 /**
  * Creates a focus trap.
  */
-export const trap = (node, options = { fallbackFocus: node }) => {
+export const useTrap = (node, options = { fallbackFocus: node }) => {
     let trap;
     if (trap)
         return;

package/dist/components/Accordion/AccordionButton.svelte.d.ts

@@ -1,17 +1,6 @@
 import { SvelteComponent } from "svelte";
-import { type BaseProps, type Handler } from '../../internal/index.js';
 declare const __propDef: {
-    props: BaseProps<HTMLButtonElement, {
-        active: boolean;
-        disabled: boolean;
-    }> & {
-        /**
-         * The onclick event.
-         *
-         * Using the regular `onclick` will overwrite and behaviour the component requires.
-         */
-        onClick?: Handler<MouseEvent, HTMLButtonElement> | undefined;
-    };
+    props: any;
     events: {
         [evt: string]: CustomEvent<any>;
     };

package/dist/components/Accordion/types.d.ts

@@ -1,9 +1,9 @@
-import type { BaseProps, Handler, Transition } from '../../internal/index.js';
+import type { Props, Handler, Transition } from '../../internal/index.js';
 interface AccordionState {
     /** True if any item is opened. */
     active: boolean;
 }
-export interface AccordionProps extends BaseProps<HTMLDivElement, AccordionState> {
+export interface AccordionProps extends Props<HTMLDivElement, AccordionState> {
     /** Allow only a singluar `AccordionItem` to be opened at once. */
     single?: boolean;
 }
@@ -11,7 +11,7 @@ interface AccordionContentState {
     /** True if any item is opened. */
     active: boolean;
 }
-export interface AccordionContentProps extends BaseProps<HTMLDivElement, AccordionContentState> {
+export interface AccordionContentProps extends Props<HTMLDivElement, AccordionContentState> {
     /**
      * The `svelte/transtion` you wish to use.
      *
@@ -19,7 +19,7 @@ export interface AccordionContentProps extends BaseProps<HTMLDivElement, Accordi
      */
     transition?: Transition;
 }
-export interface AccordionHeadingProps extends BaseProps<HTMLDivElement> {
+export interface AccordionHeadingProps extends Props<HTMLDivElement> {
     /** The `aria-level` to be set. */
     level?: 1 | 2 | 3 | 4 | 5 | 6;
 }
@@ -29,7 +29,7 @@ interface AccordionButtonState {
     /** True if the item is disabled. */
     disabled: boolean;
 }
-export interface AccordionButtonProps extends BaseProps<HTMLButtonElement, AccordionButtonState> {
+export interface AccordionButtonProps extends Props<HTMLButtonElement, AccordionButtonState> {
     onClick?: Handler<MouseEvent, HTMLButtonElement>;
 }
 interface AccordionItemState {
@@ -38,7 +38,7 @@ interface AccordionItemState {
     /** True if the item is disabled. */
     disabled: boolean;
 }
-export interface AccordionItemProps extends BaseProps<HTMLDivElement, AccordionItemState> {
+export interface AccordionItemProps extends Props<HTMLDivElement, AccordionItemState> {
     /** Disables the items, disallowing clicking and keyboard navigation. */
     disabled?: boolean;
 }

package/dist/components/Checkbox/Checkbox.svelte

@@ -1,9 +1,4 @@
-<script lang="ts" context="module"></script>
-
-<script lang="ts">import {
-  useActions,
-  classProp
-} from "../../internal/index.js";
+<script lang="ts">import { useActions, classProp } from "../../internal/index.js";
 let {
   children,
   class: klass,