@ims360/svelte-ivory 0.0.21 → 0.0.22

package/dist/components/layout/index.d.ts

@@ -5,5 +5,5 @@ export { default as Modal, type ModalProps } from './modal/Modal.svelte';
 export { default as Popover } from './popover/Popover.svelte';
 export { default as Portal, setConfig, type PortalConfig } from './portal/Portal.svelte';
 export { default as Tabs } from './tabs/index';
-export { default as Tooltip } from './tooltip/Tooltip.svelte';
+export { default as Tooltip, type Props as TooltipProps } from './tooltip/Tooltip.svelte';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,KAAK,KAAK,IAAI,YAAY,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/components/layout/tooltip/Tooltip.svelte

@@ -1,4 +1,5 @@
 <script lang="ts" module>
+    import type { IvoryComponent } from '../../../types';
     import clsx from 'clsx';
     import type { Snippet } from 'svelte';
     import type { ClassValue } from 'svelte/elements';
@@ -6,16 +7,12 @@
     import Popover, { type PopoverPlacement } from '../popover/Popover.svelte';
     import Portal from '../portal/Portal.svelte';
 
-    export interface Props {
+    export interface Props extends IvoryComponent<HTMLElement> {
         children?: Snippet;
         /** The content of the tooltip */
         tooltip: string | Snippet;
-        /** The class of the element that triggers the tooltip */
-        class?: ClassValue;
         /** The class of the tooltip itself */
         tooltipClass?: ClassValue;
-        style?: string;
-        onclick?: (e: Event) => void;
         /** If the href is set, the resulting element will be a link to the href */
         href?: string;
         /**
@@ -37,13 +34,11 @@
     let {
         children,
         tooltip,
-        class: clazz,
-        style,
-        onclick,
         href,
         timeout = 500,
         tooltipClass,
-        placement = 'top'
+        placement = 'top',
+        ...rest
     }: Props = $props();
 
     let target = $state<HTMLElement>();
@@ -77,14 +72,12 @@
 <!-- svelte-ignore a11y_no_static_element_interactions -->
 <svelte:element
     this={href ? 'a' : onclick ? 'button' : 'div'}
-    {href}
     type={onclick ? 'button' : undefined}
-    class={clazz}
+    {...rest}
+    {href}
     bind:this={target}
     {onmouseenter}
     {onmouseleave}
-    {style}
-    {onclick}
 >
     {@render children?.()}
 </svelte:element>

package/dist/components/layout/tooltip/Tooltip.svelte.d.ts

@@ -1,16 +1,13 @@
+import type { IvoryComponent } from '../../../types';
 import type { Snippet } from 'svelte';
 import type { ClassValue } from 'svelte/elements';
 import { type PopoverPlacement } from '../popover/Popover.svelte';
-export interface Props {
+export interface Props extends IvoryComponent<HTMLElement> {
     children?: Snippet;
     /** The content of the tooltip */
     tooltip: string | Snippet;
-    /** The class of the element that triggers the tooltip */
-    class?: ClassValue;
     /** The class of the tooltip itself */
     tooltipClass?: ClassValue;
-    style?: string;
-    onclick?: (e: Event) => void;
     /** If the href is set, the resulting element will be a link to the href */
     href?: string;
     /**

package/dist/components/layout/tooltip/Tooltip.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/layout/tooltip/Tooltip.svelte.ts"],"names":[],"mappings":"AAII,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAgB,EAAE,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAG3E,MAAM,WAAW,KAAK;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iCAAiC;IACjC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1B,yDAAyD;IACzD,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,sCAAsC;IACtC,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC7B,2EAA2E;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;CAChC;AAkEL,kEAAkE;AAClE,QAAA,MAAM,OAAO,2CAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Tooltip.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/layout/tooltip/Tooltip.svelte.ts"],"names":[],"mappings":"AAGI,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAgB,EAAE,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAG3E,MAAM,WAAW,KAAM,SAAQ,cAAc,CAAC,WAAW,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iCAAiC;IACjC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1B,sCAAsC;IACtC,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,2EAA2E;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;CAChC;AAgEL,kEAAkE;AAClE,QAAA,MAAM,OAAO,2CAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}

package/dist/index.d.ts

@@ -1 +1,2 @@
+export { type IvoryComponent } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -1,2 +1,2 @@
-"use strict";
 // Reexport your entry components here
+export {} from './types';

package/dist/types.d.ts

@@ -0,0 +1,4 @@
+import type { HTMLAttributes } from 'svelte/elements';
+export interface IvoryComponent<RootElement extends EventTarget> extends HTMLAttributes<RootElement> {
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGtD,MAAM,WAAW,cAAc,CAAC,WAAW,SAAS,WAAW,CAC3D,SAAQ,cAAc,CAAC,WAAW,CAAC;CAAG"}

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ims360/svelte-ivory",
-    "version": "0.0.21",
+    "version": "0.0.22",
     "keywords": [
         "svelte"
     ],

package/src/lib/components/layout/index.ts

@@ -5,4 +5,4 @@ export { default as Modal, type ModalProps } from './modal/Modal.svelte';
 export { default as Popover } from './popover/Popover.svelte';
 export { default as Portal, setConfig, type PortalConfig } from './portal/Portal.svelte';
 export { default as Tabs } from './tabs/index';
-export { default as Tooltip } from './tooltip/Tooltip.svelte';
+export { default as Tooltip, type Props as TooltipProps } from './tooltip/Tooltip.svelte';

package/src/lib/components/layout/tooltip/Tooltip.svelte

@@ -1,4 +1,5 @@
 <script lang="ts" module>
+    import type { IvoryComponent } from '$lib/types';
     import clsx from 'clsx';
     import type { Snippet } from 'svelte';
     import type { ClassValue } from 'svelte/elements';
@@ -6,16 +7,12 @@
     import Popover, { type PopoverPlacement } from '../popover/Popover.svelte';
     import Portal from '../portal/Portal.svelte';
 
-    export interface Props {
+    export interface Props extends IvoryComponent<HTMLElement> {
         children?: Snippet;
         /** The content of the tooltip */
         tooltip: string | Snippet;
-        /** The class of the element that triggers the tooltip */
-        class?: ClassValue;
         /** The class of the tooltip itself */
         tooltipClass?: ClassValue;
-        style?: string;
-        onclick?: (e: Event) => void;
         /** If the href is set, the resulting element will be a link to the href */
         href?: string;
         /**
@@ -37,13 +34,11 @@
     let {
         children,
         tooltip,
-        class: clazz,
-        style,
-        onclick,
         href,
         timeout = 500,
         tooltipClass,
-        placement = 'top'
+        placement = 'top',
+        ...rest
     }: Props = $props();
 
     let target = $state<HTMLElement>();
@@ -77,14 +72,12 @@
 <!-- svelte-ignore a11y_no_static_element_interactions -->
 <svelte:element
     this={href ? 'a' : onclick ? 'button' : 'div'}
-    {href}
     type={onclick ? 'button' : undefined}
-    class={clazz}
+    {...rest}
+    {href}
     bind:this={target}
     {onmouseenter}
     {onmouseleave}
-    {style}
-    {onclick}
 >
     {@render children?.()}
 </svelte:element>

package/src/lib/index.ts

@@ -1 +1,2 @@
 // Reexport your entry components here
+export { type IvoryComponent } from './types';

package/src/lib/types.ts

@@ -0,0 +1,5 @@
+import type { HTMLAttributes } from 'svelte/elements';
+
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+export interface IvoryComponent<RootElement extends EventTarget>
+    extends HTMLAttributes<RootElement> {}