lapikit 0.4.5 → 0.4.6

package/dist/labs/compiler/components.js

@@ -1,2 +1,9 @@
-const lapikitComponents = ['sheet', 'app', 'btn', 'icon', 'avatar'];
+const lapikitComponents = [
+    'sheet',
+    'app',
+    'btn',
+    'icon',
+    'avatar',
+    'spacer'
+];
 export default lapikitComponents;

package/dist/labs/components/index.d.ts

@@ -3,3 +3,4 @@ export { default as KitApp } from './app/app.svelte';
 export { default as KitBtn } from './btn/btn.svelte';
 export { default as KitIcon } from './icon/icon.svelte';
 export { default as KitAvatar } from './avatar/avatar.svelte';
+export { default as KitSpacer } from './spacer/spacer.svelte';

package/dist/labs/components/index.js

@@ -4,3 +4,4 @@ export { default as KitApp } from './app/app.svelte';
 export { default as KitBtn } from './btn/btn.svelte';
 export { default as KitIcon } from './icon/icon.svelte';
 export { default as KitAvatar } from './avatar/avatar.svelte';
+export { default as KitSpacer } from './spacer/spacer.svelte';

package/dist/labs/components/spacer/spacer.svelte

@@ -0,0 +1,44 @@
+<script lang="ts">
+	import { makeComponentProps } from '../../compiler/mapped-code.js';
+	import { useClassName, useStyles } from '../../utils/index.js';
+	import type { SpacerProps } from './spacer.types.js';
+
+	let {
+		is = 'div',
+		class: className = '',
+		style: styleAttr = '',
+		's-class': sClass,
+		's-style': sStyle,
+		...rest
+	}: SpacerProps = $props();
+
+	let { classProps, styleProps, restProps } = $derived(
+		makeComponentProps(rest as Record<string, unknown>)
+	);
+
+	let componentClass = $derived(
+		useClassName({
+			baseClass: 'kit-spacer',
+			className: `${className ?? ''}`.trim(),
+			sClass,
+			classProps
+		})
+	);
+
+	let componentStyle = $derived(
+		useStyles({
+			styleAttr,
+			sStyle,
+			styleProps
+		})
+	);
+</script>
+
+<svelte:element this={is} class={componentClass} style={componentStyle} {...restProps}>
+</svelte:element>
+
+<style>
+	.kit-spacer {
+		flex-grow: 1;
+	}
+</style>

package/dist/labs/components/spacer/spacer.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { SpacerProps } from './spacer.types.ts';
+declare const Spacer: import("svelte").Component<SpacerProps, {}, "">;
+type Spacer = ReturnType<typeof Spacer>;
+export default Spacer;

package/dist/labs/components/spacer/spacer.types.d.ts

@@ -0,0 +1,4 @@
+import type { Base } from '../../utils/types/index.js';
+export interface SpacerProps extends Base {
+    is?: 'div';
+}

package/dist/labs/components/spacer/spacer.types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "lapikit",
-	"version": "0.4.5",
+	"version": "0.4.6",
 	"license": "MIT",
 	"publishConfig": {
 		"access": "public"