@cloudparker/moldex.js 0.0.71 → 0.0.73

package/dist/views/core/button/components/button-list-item/button-list-item.svelte

@@ -36,7 +36,8 @@ let {
   checkboxClassName = "",
   isChecked = false,
   onClick = (ev) => {
-  }
+  },
+  children
 } = $props();
 </script>
 
@@ -96,5 +97,9 @@ let {
 	{appearance}
 	{size}
 >
-	{@render itemInternal()}
+	{#if children}
+		{@render children()}
+	{:else}
+		{@render itemInternal()}
+	{/if}
 </Button>

package/dist/views/core/button/components/button-list-item/button-list-item.svelte.d.ts

@@ -27,7 +27,7 @@ export type ButtonListItemProps = {
     checkboxClassName?: string;
     isChecked?: boolean;
     onClick?: (ev: MouseEvent) => void;
-    children?: Snippet<[any, number]>;
+    children?: Snippet;
 };
 import '../../../../../tailwind.css';
 import type { Snippet } from 'svelte';

package/dist/views/core/icon/components/icon-circle/icon-circle.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">import Icon from "../icon/icon.svelte";
-let { circleClassName, path, className = "text-primary" } = $props();
+let { circleClassName, iconPath, iconClassName = "text-primary" } = $props();
 </script>
 
 <div
 	class="aspect-square bg-primary-100 rounded-full w-12 h-12 flex items-center justify-center {circleClassName}"
 >
-	<Icon path={path!} {className} />
+	<Icon path={iconPath!} className={iconClassName} />
 </div>

package/dist/views/core/icon/components/icon-circle/icon-circle.svelte.d.ts

@@ -12,8 +12,8 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     z_$$bindings?: Bindings;
 }
 declare const IconCircle: $$__sveltets_2_IsomorphicComponent<{
-    path?: string;
-    className?: string;
+    iconPath?: string;
+    iconClassName?: string;
     circleClassName?: string;
 }, {
     [evt: string]: CustomEvent<any>;

package/dist/views/core/input/components/combobox-field/combobox-field.svelte

@@ -34,7 +34,6 @@ let {
   hasDropdownHeader,
   hasDropdownHeaderSearch,
   hasItemsCheckbox,
-  hasPrimitiveItemsData,
   iconPathClassName,
   iconPathFieldName,
   id,
@@ -63,6 +62,13 @@ let searchFieldRef = $state(null);
 let comboboxIconSizeClassName = $state("");
 let isPlaced = $state(false);
 let searchText = $state("");
+let hasPrimitiveItemsData = $derived.by(() => {
+  if (items) {
+    let firstItem = items[0];
+    return typeof firstItem == "string" || typeof firstItem == "number" || firstItem instanceof Date;
+  }
+  return false;
+});
 let itemsIdentityMap = {};
 let _value = $derived.by(() => {
   return selectedItemsSet?.size ? " " : "";
@@ -356,7 +362,8 @@ function handleItemSelected(ev, item, index) {
 								aria-selected={item.isChecked}
 							>
 								<ButtonListItem
-									{item}
+									title={item.title}
+									subtitle={item.subtitle}
 									{index}
 									hasCheckbox={hasItemsCheckbox}
 									className=" {itemClassName}"

package/dist/views/core/input/components/combobox-field/combobox-field.svelte.d.ts

@@ -22,7 +22,6 @@ export type ComboboxFieldProps = {
     hasDropdownHeader?: boolean;
     hasDropdownHeaderSearch?: boolean;
     hasItemsCheckbox?: boolean;
-    hasPrimitiveItemsData?: boolean;
     iconPathClassName?: string;
     iconPathFieldName?: string;
     identityFieldName?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cloudparker/moldex.js",
-    "version": "0.0.71",
+    "version": "0.0.73",
     "author": "cloudparker.com",
     "license": "MIT",
     "keywords": [