@invopop/popui 0.1.71 → 0.1.73

package/dist/DrawerContextItem.svelte

@@ -16,7 +16,7 @@
     scrollIfSelected = false,
     onchange,
     onclick,
-    onfocus
+    children
   }: DrawerContextItemProps = $props()
 
   let el: HTMLElement | undefined = $state()
@@ -96,7 +96,11 @@
         {#if item?.country && item?.flagPosition === 'before'}
           <BaseFlag country={item.country} />
         {/if}
-        <span class="{labelStyles} text-base font-medium truncate">{item?.label || ''}</span>
+        {#if children}
+          {@render children()}
+        {:else}
+          <span class="{labelStyles} text-base font-medium truncate">{item?.label || ''}</span>
+        {/if}
 
         {#if item?.country && item?.flagPosition === 'after'}
           <BaseFlag country={item.country} />

package/dist/DropdownSelect.svelte

@@ -90,8 +90,7 @@
         : clsx('border backdrop-blur-sm backdrop-filter dropdown-select', {
             'border-border-selected-bold shadow-active': isOpen,
             'border-border-default-secondary hover:border-border-default-secondary-hover': !isOpen
-          }),
-      className
+          })
     )
   )
 
@@ -146,7 +145,7 @@
   {strategy}
   {disabled}
   bind:this={selectDropdown}
-  class={fullWidth || isStacked ? '' : widthClass}
+  class={cn(fullWidth || isStacked ? '' : widthClass, className)}
 >
   {#snippet trigger()}
     <div data-dropdown-select-trigger class={styles}>

package/dist/InputSearch.svelte

@@ -25,6 +25,7 @@
     onclick,
     onfocus,
     onblur,
+    class: className = '',
     ...rest
   }: InputSearchProps = $props()
 
@@ -66,8 +67,9 @@
   })
 </script>
 
-<div class="relative flex items-center">
+<div data-input-search class="relative flex items-center {className}">
   <input
+    data-input-search-input
     bind:this={input}
     bind:value
     type="text"

package/dist/types.d.ts

@@ -359,7 +359,7 @@ export interface DrawerContextItemProps {
     scrollIfSelected?: boolean;
     onclick?: (value: AnyProp) => void;
     onchange?: (item: DrawerOption) => void;
-    onfocus?: (item: DrawerOption) => void;
+    children?: Snippet;
 }
 export interface DropdownSelectProps {
     value?: AnyProp;

package/package.json

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