@x33025/sveltely 0.1.19 → 0.1.22

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

@@ -31,4 +31,11 @@
 	<Label label="Enabled" orientation="trailing" width="fit">
 		<Switch bind:checked={enabled} />
 	</Label>
+
+	<Label orientation="leading" width="fit">
+		{#snippet labelContent()}
+			<span>Name <span class="text-[var(--sveltely-text-tertiary-color)]">optional</span></span>
+		{/snippet}
+		<TextField bind:value={name} placeholder="Sveltely" />
+	</Label>
 </HStack>

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

@@ -7,6 +7,7 @@
 	type Props = {
 		children?: Snippet;
 		label?: string;
+		labelContent?: Snippet;
 		icon?: Component<{ class?: string; size?: number | string }>;
 		iconSize?: number | string;
 		iconColor?: string;
@@ -17,6 +18,7 @@
 	let {
 		children,
 		label,
+		labelContent,
 		icon,
 		iconSize,
 		iconColor,
@@ -93,7 +95,7 @@
 </script>
 
 <div class="label" data-orientation={orientation} style={rootStyle}>
-	{#if icon || label}
+	{#if icon || label || labelContent}
 		<span class="label-heading">
 			{#if icon}
 				{@const Icon = icon}
@@ -104,6 +106,10 @@
 
 			{#if label}
 				<span class="label-text">{label}</span>
+			{:else if labelContent}
+				<span class="label-text">
+					{@render labelContent()}
+				</span>
 			{/if}
 		</span>
 	{/if}

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

@@ -5,6 +5,7 @@ import { type StyleProps } from '../../../style/surface';
 type Props = {
     children?: Snippet;
     label?: string;
+    labelContent?: Snippet;
     icon?: Component<{
         class?: string;
         size?: number | string;

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/dist/style.css

@@ -556,6 +556,9 @@
   .text-\[var\(--sveltely-text-secondary-color\)\] {
     color: var(--sveltely-text-secondary-color);
   }
+  .text-\[var\(--sveltely-text-tertiary-color\)\] {
+    color: var(--sveltely-text-tertiary-color);
+  }
   .text-gray-700 {
     color: var(--color-gray-700);
   }

package/package.json

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