@invopop/popui 0.1.78 → 0.1.80

package/dist/GlobalSearch.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { Icon } from '@steeze-ui/svelte-icon'
-  import { Search, Slash } from '@invopop/ui-icons'
+  import { Search, Command } from '@invopop/ui-icons'
   import { onDestroy, onMount } from 'svelte'
   import clsx from 'clsx'
   import ShortcutWrapper from './ShortcutWrapper.svelte'
@@ -25,11 +25,16 @@
       return
     }
 
+    if (!event.ctrlKey && !event.metaKey) {
+      return
+    }
+
     // We allow to type the GLOBAL SEARCH KEY on text fields
     if (isInputFocused()) {
       return
     }
 
+    event.preventDefault()
     onOpen?.()
   }
 
@@ -46,8 +51,13 @@
   <Icon src={Search} class="size-4 text-foreground-inverse shrink-0" />
   {#if !collapsed}
     <span class="text-foreground-inverse-secondary text-base flex-1 text-left">Search</span>
-    <ShortcutWrapper theme="navigation">
-      <Icon src={Slash} class="size-3" />
-    </ShortcutWrapper>
+    <div class="flex items-center gap-1">
+      <ShortcutWrapper theme="navigation">
+        <Icon src={Command} class="size-3" />
+      </ShortcutWrapper>
+      <ShortcutWrapper theme="navigation">
+        <span class="text-sm font-semibold uppercase">{GLOBAL_SEARCH_KEY}</span>
+      </ShortcutWrapper>
+    </div>
   {/if}
 </button>

package/dist/constants.d.ts

@@ -1 +1 @@
-export declare const GLOBAL_SEARCH_KEY = "/";
+export declare const GLOBAL_SEARCH_KEY = "k";

package/dist/constants.js

@@ -1 +1 @@
-export const GLOBAL_SEARCH_KEY = '/';
+export const GLOBAL_SEARCH_KEY = 'k';

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/package.json

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