@invopop/popui 0.1.79 → 0.1.81

package/dist/index.d.ts

@@ -75,6 +75,7 @@ import { Toaster } from './sonner';
 import { Tooltip } from './tooltip';
 import { TooltipContent } from './tooltip';
 import { TooltipTrigger } from './tooltip';
+import { TooltipProvider } from './tooltip';
 import { TooltipAutoHide } from './tooltip';
 import { resolveIcon } from './helpers.js';
 import { getCountryName } from './helpers.js';
@@ -87,4 +88,4 @@ import { FlexRender } from './data-table';
 import { createSvelteTable } from './data-table';
 import { renderComponent } from './data-table';
 import { renderSnippet } from './data-table';
-export { Accordion, AlertDialog, BaseButton, BaseCard, BaseCounter, BaseDropdown, BaseFlag, BaseTableActions, Breadcrumbs, ButtonFile, ButtonSearch, ButtonUuidCopy, CardCheckbox, CardRelation, CompanySelector, CounterWidget, DataListItem, DatePicker, DrawerContext, DrawerContextItem, DrawerContextSeparator, DropdownSelect, DropdownSelectGroup, EmptyState, FeedEvents, FeedIconEvent, FeedIconStatus, FeedItem, FeedItemDetail, FeedViewer, GlobalSearch, InputCheckbox, InputError, InputLabel, InputRadio, InputSearch, InputSelect, InputText, InputTextarea, InputToggle, MenuItem, MenuItemCollapsible, Notification, ProfileAvatar, ProgressBar, ProgressBarCircle, SeparatorHorizontal, ShortcutWrapper, Skeleton, SkeletonAvatar, SkeletonCard, SkeletonList, StatusLabel, AvatarIcon, AvatarStack, Table, TableBody, TableCaption, TableFooter, TableHeader, TableRow, TableHead, TableCell, Tabs, TabsContent, TabsList, TabsTrigger, TagBeta, TagProgress, TagSearch, TagStatus, TitleMain, TitleSection, Toaster, Tooltip, TooltipContent, TooltipTrigger, TooltipAutoHide, resolveIcon, getCountryName, getStatusType, buttonVariants, DataTable, DataTableToolbar, DataTableViewOptions, FlexRender, createSvelteTable, renderComponent, renderSnippet };
+export { Accordion, AlertDialog, BaseButton, BaseCard, BaseCounter, BaseDropdown, BaseFlag, BaseTableActions, Breadcrumbs, ButtonFile, ButtonSearch, ButtonUuidCopy, CardCheckbox, CardRelation, CompanySelector, CounterWidget, DataListItem, DatePicker, DrawerContext, DrawerContextItem, DrawerContextSeparator, DropdownSelect, DropdownSelectGroup, EmptyState, FeedEvents, FeedIconEvent, FeedIconStatus, FeedItem, FeedItemDetail, FeedViewer, GlobalSearch, InputCheckbox, InputError, InputLabel, InputRadio, InputSearch, InputSelect, InputText, InputTextarea, InputToggle, MenuItem, MenuItemCollapsible, Notification, ProfileAvatar, ProgressBar, ProgressBarCircle, SeparatorHorizontal, ShortcutWrapper, Skeleton, SkeletonAvatar, SkeletonCard, SkeletonList, StatusLabel, AvatarIcon, AvatarStack, Table, TableBody, TableCaption, TableFooter, TableHeader, TableRow, TableHead, TableCell, Tabs, TabsContent, TabsList, TabsTrigger, TagBeta, TagProgress, TagSearch, TagStatus, TitleMain, TitleSection, Toaster, Tooltip, TooltipContent, TooltipTrigger, TooltipProvider, TooltipAutoHide, resolveIcon, getCountryName, getStatusType, buttonVariants, DataTable, DataTableToolbar, DataTableViewOptions, FlexRender, createSvelteTable, renderComponent, renderSnippet };

package/dist/index.js

@@ -68,7 +68,7 @@ import TagStatus from './TagStatus.svelte'
 import TitleMain from './TitleMain.svelte'
 import TitleSection from './TitleSection.svelte'
 import { Toaster } from './sonner'
-import { Tooltip, TooltipContent, TooltipTrigger, TooltipAutoHide } from './tooltip'
+import { Tooltip, TooltipContent, TooltipTrigger, TooltipProvider, TooltipAutoHide } from './tooltip'
 import { resolveIcon, getCountryName, getStatusType } from './helpers.js'
 import { buttonVariants } from './button/button.svelte' // Ensure button styles are included
 import {
@@ -159,6 +159,7 @@ export {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
+  TooltipProvider,
   TooltipAutoHide,
   resolveIcon,
   getCountryName,

package/dist/tooltip/tooltip-auto-hide.svelte

@@ -4,8 +4,10 @@
   import type { Snippet } from 'svelte'
 
   let {
+    delayDuration = 700,
     children
   }: {
+    delayDuration?: number
     children: Snippet
   } = $props()
 
@@ -24,7 +26,7 @@
   })
 </script>
 
-<TooltipProvider>
+<TooltipProvider {delayDuration}>
   <Tooltip bind:open={isOpen}>
     {@render children()}
   </Tooltip>

package/dist/tooltip/tooltip-auto-hide.svelte.d.ts

@@ -1,5 +1,6 @@
 import type { Snippet } from 'svelte';
 type $$ComponentProps = {
+    delayDuration?: number;
     children: Snippet;
 };
 declare const TooltipAutoHide: import("svelte").Component<$$ComponentProps, {}, "">;

package/dist/tooltip/tooltip-content.svelte

@@ -7,8 +7,10 @@
     sideOffset = 0,
     side = 'top',
     children,
+    showArrow = false,
     arrowClasses
   }: TooltipPrimitive.ContentProps & {
+    showArrow?: boolean
     arrowClasses?: string
   } = $props()
 </script>
@@ -25,20 +27,22 @@
     )}
   >
     {@render children?.()}
-    <TooltipPrimitive.Arrow>
-      {#snippet child({ props })}
-        <div
-          class={cn(
-            'bg-background-default-negative z-[1002] size-2.5 rotate-45 rounded-[2px]',
-            'data-[side=top]:translate-x-1/2 data-[side=top]:translate-y-[calc(-50%_+_2px)]',
-            'data-[side=bottom]:-translate-x-1/2 data-[side=bottom]:-translate-y-[calc(-50%_+_1px)]',
-            'data-[side=right]:translate-x-[calc(50%_+_2px)] data-[side=right]:translate-y-1/2',
-            'data-[side=left]:-translate-y-[calc(50%_-_3px)]',
-            arrowClasses
-          )}
-          {...props}
-        ></div>
-      {/snippet}
-    </TooltipPrimitive.Arrow>
+    {#if showArrow}
+      <TooltipPrimitive.Arrow>
+        {#snippet child({ props })}
+          <div
+            class={cn(
+              'bg-background-default-negative z-[1002] size-2.5 rotate-45 rounded-[2px]',
+              'data-[side=top]:translate-x-1/2 data-[side=top]:translate-y-[calc(-50%_+_2px)]',
+              'data-[side=bottom]:-translate-x-1/2 data-[side=bottom]:-translate-y-[calc(-50%_+_1px)]',
+              'data-[side=right]:translate-x-[calc(50%_+_2px)] data-[side=right]:translate-y-1/2',
+              'data-[side=left]:-translate-y-[calc(50%_-_3px)]',
+              arrowClasses
+            )}
+            {...props}
+          ></div>
+        {/snippet}
+      </TooltipPrimitive.Arrow>
+    {/if}
   </TooltipPrimitive.Content>
 </TooltipPrimitive.Portal>

package/dist/tooltip/tooltip-content.svelte.d.ts

@@ -1,5 +1,6 @@
 import { Tooltip as TooltipPrimitive } from 'bits-ui';
 type $$ComponentProps = TooltipPrimitive.ContentProps & {
+    showArrow?: boolean;
     arrowClasses?: string;
 };
 declare const TooltipContent: import("svelte").Component<$$ComponentProps, {}, "ref">;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@invopop/popui",
   "license": "MIT",
-  "version": "0.1.79",
+  "version": "0.1.81",
   "repository": {
     "url": "https://github.com/invopop/popui"
   },