lithesome 0.23.2 → 0.23.3

package/README.md

@@ -1,43 +1,43 @@
-> [!WARNING]
-> This library is still in very early development. Expect things to be broken.
-
-# Lithesome
-
-An unstyled component library for Svelte 5.
-
-<br>
-
-## Install
-
-```bash
-pnpm i -D lithesome
-```
-
-## Usage
-
-```svelte
-<script>
-	import { Menu, MenuContent, MenuItem, MenuTrigger } from 'lithesome';
-</script>
-
-<Menu>
-	<MenuTrigger>
-		<button>Auth</button>
-	</MenuTrigger>
-	<MenuContent>
-		<MenuItem>My Profile</MenuItem>
-		<MenuItem>Account Settings</MenuItem>
-		<MenuItem>Logout</MenuItem>
-	</MenuContent>
-</Menu>
-```
-
-<br>
-
-## Docs
-
-View more information at: https://lithesome.dev
-
-## License
-
-See the [LICENSE](https://github.com/Gibbu/lithesome/blob/main/LICENSE.md) file for license rights and limitations (MIT).
+> [!WARNING]
+> This library is still in very early development. Expect things to be broken.
+
+# Lithesome
+
+An unstyled component library for Svelte 5.
+
+<br>
+
+## Install
+
+```bash
+pnpm i -D lithesome
+```
+
+## Usage
+
+```svelte
+<script>
+	import { Menu, MenuContent, MenuItem, MenuTrigger } from 'lithesome';
+</script>
+
+<Menu>
+	<MenuTrigger>
+		<button>Auth</button>
+	</MenuTrigger>
+	<MenuContent>
+		<MenuItem>My Profile</MenuItem>
+		<MenuItem>Account Settings</MenuItem>
+		<MenuItem>Logout</MenuItem>
+	</MenuContent>
+</Menu>
+```
+
+<br>
+
+## Docs
+
+View more information at: https://lithesome.dev
+
+## License
+
+See the [LICENSE](https://github.com/Gibbu/lithesome/blob/main/LICENSE.md) file for license rights and limitations (MIT).

package/dist/components/accordion/Accordion.svelte

@@ -1,33 +1,33 @@
-<script lang="ts">
-	import { stateValue } from '../../internals/context.svelte.js';
-	import { Element, parseId } from '../../internals/index.js';
-	import { createAccordionRootContext } from './state.svelte.js';
-
-	import type { AccordionProps } from '../../types/index.js';
-
-	const uid = $props.id();
-
-	let {
-		id = parseId(uid),
-		ref = $bindable(),
-		value = $bindable(''),
-		children,
-		custom,
-		onChange,
-		...props
-	}: AccordionProps<typeof ctx.props> = $props();
-
-	let ctx = createAccordionRootContext({
-		id: stateValue(() => id),
-		ref: stateValue(() => ref!),
-		value: stateValue(
-			() => value,
-			(v) => {
-				value = v;
-				onChange?.(v);
-			}
-		)
-	});
-</script>
-
-<Element bind:ref {children} {custom} {ctx} {...props} />
+<script lang="ts">
+	import { stateValue } from '../../internals/context.svelte.js';
+	import { Element, parseId } from '../../internals/index.js';
+	import { createAccordionRootContext } from './state.svelte.js';
+
+	import type { AccordionProps } from '../../types/index.js';
+
+	const uid = $props.id();
+
+	let {
+		id = parseId(uid),
+		ref = $bindable(),
+		value = $bindable(''),
+		children,
+		custom,
+		onChange,
+		...props
+	}: AccordionProps<typeof ctx.props> = $props();
+
+	let ctx = createAccordionRootContext({
+		id: stateValue(() => id),
+		ref: stateValue(() => ref!),
+		value: stateValue(
+			() => value,
+			(v) => {
+				value = v;
+				onChange?.(v);
+			}
+		)
+	});
+</script>
+
+<Element bind:ref {children} {custom} {ctx} {...props} />

package/dist/components/accordion/AccordionButton.svelte

@@ -1,20 +1,20 @@
-<script lang="ts">
-	import { Element, parseId, stateValue } from '../../internals/index.js';
-	import { useAccordionButton } from './state.svelte.js';
-
-	import type { AccordionButtonProps } from '../../types/index.js';
-
-	const uid = $props.id();
-
-	let {
-		id = parseId(uid),
-		children,
-		custom,
-		ref = $bindable(),
-		...props
-	}: AccordionButtonProps<typeof ctx.props> = $props();
-
-	let ctx = useAccordionButton({ id: stateValue(() => id), ref: stateValue(() => ref!) });
-</script>
-
-<Element bind:ref {children} {custom} {ctx} as="button" {...props} />
+<script lang="ts">
+	import { Element, parseId, stateValue } from '../../internals/index.js';
+	import { useAccordionButton } from './state.svelte.js';
+
+	import type { AccordionButtonProps } from '../../types/index.js';
+
+	const uid = $props.id();
+
+	let {
+		id = parseId(uid),
+		children,
+		custom,
+		ref = $bindable(),
+		...props
+	}: AccordionButtonProps<typeof ctx.props> = $props();
+
+	let ctx = useAccordionButton({ id: stateValue(() => id), ref: stateValue(() => ref!) });
+</script>
+
+<Element bind:ref {children} {custom} {ctx} as="button" {...props} />

package/dist/components/accordion/AccordionContent.svelte

@@ -1,20 +1,20 @@
-<script lang="ts">
-	import { Element, parseId, stateValue } from '../../internals/index.js';
-	import { useAccordionContent } from './state.svelte.js';
-
-	import type { AccordionContentProps } from '../../types/index.js';
-
-	const uid = $props.id();
-
-	let {
-		id = parseId(uid),
-		children,
-		custom,
-		ref = $bindable(),
-		...props
-	}: AccordionContentProps<typeof ctx.props> = $props();
-
-	let ctx = useAccordionContent({ id: stateValue(() => id), ref: stateValue(() => ref!) });
-</script>
-
-<Element bind:ref {children} {custom} {ctx} visible={ctx._item.Active} {...props} />
+<script lang="ts">
+	import { Element, parseId, stateValue } from '../../internals/index.js';
+	import { useAccordionContent } from './state.svelte.js';
+
+	import type { AccordionContentProps } from '../../types/index.js';
+
+	const uid = $props.id();
+
+	let {
+		id = parseId(uid),
+		children,
+		custom,
+		ref = $bindable(),
+		...props
+	}: AccordionContentProps<typeof ctx.props> = $props();
+
+	let ctx = useAccordionContent({ id: stateValue(() => id), ref: stateValue(() => ref!) });
+</script>
+
+<Element bind:ref {children} {custom} {ctx} visible={ctx._item.Active} {...props} />

package/dist/components/accordion/AccordionHeading.svelte

@@ -1,26 +1,26 @@
-<script lang="ts">
-	import { stateValue } from '../../internals/context.svelte.js';
-	import { Element, parseId } from '../../internals/index.js';
-	import { useAccordionHeading } from './state.svelte.js';
-
-	import type { AccordionHeadingProps } from '../../types/index.js';
-
-	const uid = $props.id();
-
-	let {
-		id = parseId(uid),
-		children,
-		custom,
-		ref = $bindable(),
-		level = 3,
-		...props
-	}: AccordionHeadingProps<typeof ctx.props> = $props();
-
-	let ctx = useAccordionHeading({
-		id: stateValue(() => id),
-		ref: stateValue(() => ref!),
-		level: stateValue(() => level)
-	});
-</script>
-
-<Element bind:ref {children} {custom} {ctx} {...props} />
+<script lang="ts">
+	import { stateValue } from '../../internals/context.svelte.js';
+	import { Element, parseId } from '../../internals/index.js';
+	import { useAccordionHeading } from './state.svelte.js';
+
+	import type { AccordionHeadingProps } from '../../types/index.js';
+
+	const uid = $props.id();
+
+	let {
+		id = parseId(uid),
+		children,
+		custom,
+		ref = $bindable(),
+		level = 3,
+		...props
+	}: AccordionHeadingProps<typeof ctx.props> = $props();
+
+	let ctx = useAccordionHeading({
+		id: stateValue(() => id),
+		ref: stateValue(() => ref!),
+		level: stateValue(() => level)
+	});
+</script>
+
+<Element bind:ref {children} {custom} {ctx} {...props} />

package/dist/components/accordion/AccordionItem.svelte

@@ -1,28 +1,28 @@
-<script lang="ts">
-	import { stateValue } from '../../internals/context.svelte.js';
-	import { Element, parseId } from '../../internals/index.js';
-	import { createAccordionItemContext } from './state.svelte.js';
-
-	import type { AccordionItemProps } from '../../types/index.js';
-
-	const uid = $props.id();
-
-	let {
-		id = parseId(uid),
-		ref = $bindable(),
-		disabled = $bindable(false),
-		value,
-		children,
-		custom,
-		...props
-	}: AccordionItemProps<typeof ctx.props> = $props();
-
-	let ctx = createAccordionItemContext({
-		id: stateValue(() => id),
-		ref: stateValue(() => ref!),
-		value: stateValue(() => value),
-		disabled: stateValue(() => disabled)
-	});
-</script>
-
-<Element bind:ref {children} {custom} {ctx} {...props} />
+<script lang="ts">
+	import { stateValue } from '../../internals/context.svelte.js';
+	import { Element, parseId } from '../../internals/index.js';
+	import { createAccordionItemContext } from './state.svelte.js';
+
+	import type { AccordionItemProps } from '../../types/index.js';
+
+	const uid = $props.id();
+
+	let {
+		id = parseId(uid),
+		ref = $bindable(),
+		disabled = $bindable(false),
+		value,
+		children,
+		custom,
+		...props
+	}: AccordionItemProps<typeof ctx.props> = $props();
+
+	let ctx = createAccordionItemContext({
+		id: stateValue(() => id),
+		ref: stateValue(() => ref!),
+		value: stateValue(() => value),
+		disabled: stateValue(() => disabled)
+	});
+</script>
+
+<Element bind:ref {children} {custom} {ctx} {...props} />

package/dist/components/checkbox/CheckboxButton.svelte

@@ -1,57 +1,57 @@
-<script lang="ts">
-	import { stateValue } from '../../internals/context.svelte.js';
-	import { Element, parseId, styleObjectToString, visuallyHidden } from '../../internals/index.js';
-	import { useCheckboxButton } from './state.svelte.js';
-
-	import type { CheckboxButtonProps } from '../../types/index.js';
-
-	const uid = $props.id();
-
-	let {
-		id = parseId(uid),
-		ref = $bindable(),
-		checked = $bindable(false),
-		disabled = $bindable(false),
-		required,
-		name,
-		value,
-		onCheckedChange,
-		children,
-		custom,
-		...props
-	}: CheckboxButtonProps<typeof ctx.props> = $props();
-
-	let ctx = useCheckboxButton({
-		id: stateValue(() => id),
-		ref: stateValue(() => ref!),
-		checked: stateValue(
-			() => checked,
-			(v) => {
-				checked = v;
-				onCheckedChange?.(v);
-			}
-		),
-		disabled: stateValue(
-			() => disabled,
-			(v) => (disabled = v)
-		),
-		value: stateValue(() => value!),
-		name: stateValue(() => name!),
-		required: stateValue(() => required!)
-	});
-</script>
-
-<Element bind:ref as="button" {children} {custom} {ctx} {...props} />
-
-{#if name}
-	<input
-		type="checkbox"
-		bind:checked={ctx.CheckedBool}
-		{name}
-		{required}
-		value={value || 'on'}
-		aria-hidden="true"
-		tabindex="-1"
-		style={styleObjectToString(visuallyHidden)}
-	/>
-{/if}
+<script lang="ts">
+	import { stateValue } from '../../internals/context.svelte.js';
+	import { Element, parseId, styleObjectToString, visuallyHidden } from '../../internals/index.js';
+	import { useCheckboxButton } from './state.svelte.js';
+
+	import type { CheckboxButtonProps } from '../../types/index.js';
+
+	const uid = $props.id();
+
+	let {
+		id = parseId(uid),
+		ref = $bindable(),
+		checked = $bindable(false),
+		disabled = $bindable(false),
+		required,
+		name,
+		value,
+		onCheckedChange,
+		children,
+		custom,
+		...props
+	}: CheckboxButtonProps<typeof ctx.props> = $props();
+
+	let ctx = useCheckboxButton({
+		id: stateValue(() => id),
+		ref: stateValue(() => ref!),
+		checked: stateValue(
+			() => checked,
+			(v) => {
+				checked = v;
+				onCheckedChange?.(v);
+			}
+		),
+		disabled: stateValue(
+			() => disabled,
+			(v) => (disabled = v)
+		),
+		value: stateValue(() => value!),
+		name: stateValue(() => name!),
+		required: stateValue(() => required!)
+	});
+</script>
+
+<Element bind:ref as="button" {children} {custom} {ctx} {...props} />
+
+{#if name}
+	<input
+		type="checkbox"
+		bind:checked={ctx.CheckedBool}
+		{name}
+		{required}
+		value={value || 'on'}
+		aria-hidden="true"
+		tabindex="-1"
+		style={styleObjectToString(visuallyHidden)}
+	/>
+{/if}

package/dist/components/checkbox/CheckboxGroup.svelte

@@ -1,35 +1,35 @@
-<script lang="ts">
-	import { stateValue } from '../../internals/context.svelte.js';
-	import { Element, parseId } from '../../internals/index.js';
-	import { createCheckboxGroupContext } from './state.svelte.js';
-
-	import type { CheckboxGroupProps } from '../../types/index.js';
-
-	const uid = $props.id();
-
-	let {
-		id = parseId(uid),
-		ref = $bindable(),
-		checked = $bindable(false),
-		disabled = $bindable(false),
-		onCheckedChange,
-		children,
-		custom,
-		...props
-	}: CheckboxGroupProps<typeof ctx.props> = $props();
-
-	let ctx = createCheckboxGroupContext({
-		id: stateValue(() => id),
-		ref: stateValue(() => ref!),
-		checked: stateValue(
-			() => checked,
-			(v) => {
-				checked = v;
-				onCheckedChange?.(v);
-			}
-		),
-		disabled: stateValue(() => disabled)
-	});
-</script>
-
-<Element bind:ref {children} {custom} {ctx} {...props} />
+<script lang="ts">
+	import { stateValue } from '../../internals/context.svelte.js';
+	import { Element, parseId } from '../../internals/index.js';
+	import { createCheckboxGroupContext } from './state.svelte.js';
+
+	import type { CheckboxGroupProps } from '../../types/index.js';
+
+	const uid = $props.id();
+
+	let {
+		id = parseId(uid),
+		ref = $bindable(),
+		checked = $bindable(false),
+		disabled = $bindable(false),
+		onCheckedChange,
+		children,
+		custom,
+		...props
+	}: CheckboxGroupProps<typeof ctx.props> = $props();
+
+	let ctx = createCheckboxGroupContext({
+		id: stateValue(() => id),
+		ref: stateValue(() => ref!),
+		checked: stateValue(
+			() => checked,
+			(v) => {
+				checked = v;
+				onCheckedChange?.(v);
+			}
+		),
+		disabled: stateValue(() => disabled)
+	});
+</script>
+
+<Element bind:ref {children} {custom} {ctx} {...props} />

package/dist/components/checkbox/CheckboxLabel.svelte

@@ -1,24 +1,24 @@
-<script lang="ts">
-	import { stateValue } from '../../internals/context.svelte.js';
-	import { Element, parseId } from '../../internals/index.js';
-	import { useCheckboxLabel } from './state.svelte.js';
-
-	import type { CheckboxLabelProps } from '../../types/index.js';
-
-	const uid = $props.id();
-
-	let {
-		id = parseId(uid),
-		ref = $bindable(),
-		children,
-		custom,
-		...props
-	}: CheckboxLabelProps<typeof ctx.props> = $props();
-
-	let ctx = useCheckboxLabel({
-		id: stateValue(() => id),
-		ref: stateValue(() => ref!)
-	});
-</script>
-
-<Element bind:ref as="label" {children} {custom} {ctx} {...props} />
+<script lang="ts">
+	import { stateValue } from '../../internals/context.svelte.js';
+	import { Element, parseId } from '../../internals/index.js';
+	import { useCheckboxLabel } from './state.svelte.js';
+
+	import type { CheckboxLabelProps } from '../../types/index.js';
+
+	const uid = $props.id();
+
+	let {
+		id = parseId(uid),
+		ref = $bindable(),
+		children,
+		custom,
+		...props
+	}: CheckboxLabelProps<typeof ctx.props> = $props();
+
+	let ctx = useCheckboxLabel({
+		id: stateValue(() => id),
+		ref: stateValue(() => ref!)
+	});
+</script>
+
+<Element bind:ref as="label" {children} {custom} {ctx} {...props} />