@x33025/sveltely 0.1.21 → 0.1.23

package/dist/components/Library/Label/Label.svelte

@@ -96,7 +96,7 @@
 
 <div class="label" data-orientation={orientation} style={rootStyle}>
 	{#if icon || label || labelContent}
-		<span class="label-heading">
+		<span class="label-heading" data-custom={labelContent ? 'true' : undefined}>
 			{#if icon}
 				{@const Icon = icon}
 				<span class="label-icon-frame" style={iconStyle}>
@@ -107,7 +107,7 @@
 			{#if label}
 				<span class="label-text">{label}</span>
 			{:else if labelContent}
-				<span class="label-text">
+				<span class="label-text label-text-custom">
 					{@render labelContent()}
 				</span>
 			{/if}
@@ -162,6 +162,19 @@
 		line-height: 1.25;
 	}
 
+	.label-heading[data-custom='true'] {
+		min-width: 0;
+		width: 100%;
+		flex: 1 1 auto;
+	}
+
+	.label-text-custom {
+		display: inline-flex;
+		min-width: 0;
+		width: 100%;
+		flex: 1 1 auto;
+	}
+
 	.label-content {
 		display: inline-flex;
 		min-width: 0;

package/dist/components/Library/Portal/Portal.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+	import { portalHost } from '../../../actions/portal';
+
+	type Props = {
+		id?: string;
+	};
+
+	let { id = 'default' }: Props = $props();
+</script>
+
+<div use:portalHost={id}></div>

package/dist/components/Library/Portal/Portal.svelte.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    id?: string;
+};
+declare const Portal: import("svelte").Component<Props, {}, "">;
+type Portal = ReturnType<typeof Portal>;
+export default Portal;

package/dist/components/Library/Portal/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Portal.svelte';

package/dist/components/Library/Portal/index.js

@@ -0,0 +1 @@
+export { default } from './Portal.svelte';

package/dist/index.d.ts

@@ -36,6 +36,7 @@ export { default as NavigationStack } from './components/Library/NavigationStack
 export { default as NumberField } from './components/Library/NumberField';
 export { default as SegmentedPicker } from './components/Library/SegmentedPicker';
 export { default as Pagination } from './components/Library/Pagination';
+export { default as Portal } from './components/Library/Portal';
 export { default as Dropdown } from './components/Library/Dropdown';
 export { default as Divider } from './components/Library/Divider';
 export { default as ForEach } from './components/Library/ForEach';

package/dist/index.js

@@ -25,6 +25,7 @@ export { default as NavigationStack } from './components/Library/NavigationStack
 export { default as NumberField } from './components/Library/NumberField';
 export { default as SegmentedPicker } from './components/Library/SegmentedPicker';
 export { default as Pagination } from './components/Library/Pagination';
+export { default as Portal } from './components/Library/Portal';
 export { default as Dropdown } from './components/Library/Dropdown';
 export { default as Divider } from './components/Library/Divider';
 export { default as ForEach } from './components/Library/ForEach';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@x33025/sveltely",
-	"version": "0.1.21",
+	"version": "0.1.23",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",