feat: lint codebase and run precommit hook

packages/ui/src/base/button-group/index.ts

@@ -1,13 +1,13 @@
-import Root from "./button-group.svelte";
-import Text from "./button-group-text.svelte";
-import Separator from "./button-group-separator.svelte";
+import Root from './button-group.svelte';
+import Text from './button-group-text.svelte';
+import Separator from './button-group-separator.svelte';
 
 export {
-	Root,
-	Text,
-	Separator,
-	//
-	Root as ButtonGroup,
-	Text as ButtonGroupText,
-	Separator as ButtonGroupSeparator,
+  Root,
+  Text,
+  Separator,
+  //
+  Root as ButtonGroup,
+  Text as ButtonGroupText,
+  Separator as ButtonGroupSeparator
 };

packages/ui/src/base/card/index.ts

@@ -1,25 +1,25 @@
-import Root from "./card.svelte";
-import Content from "./card-content.svelte";
-import Description from "./card-description.svelte";
-import Footer from "./card-footer.svelte";
-import Header from "./card-header.svelte";
-import Title from "./card-title.svelte";
-import Action from "./card-action.svelte";
+import Root from './card.svelte';
+import Content from './card-content.svelte';
+import Description from './card-description.svelte';
+import Footer from './card-footer.svelte';
+import Header from './card-header.svelte';
+import Title from './card-title.svelte';
+import Action from './card-action.svelte';
 
 export {
-	Root,
-	Content,
-	Description,
-	Footer,
-	Header,
-	Title,
-	Action,
-	//
-	Root as Card,
-	Content as CardContent,
-	Description as CardDescription,
-	Footer as CardFooter,
-	Header as CardHeader,
-	Title as CardTitle,
-	Action as CardAction,
+  Root,
+  Content,
+  Description,
+  Footer,
+  Header,
+  Title,
+  Action,
+  //
+  Root as Card,
+  Content as CardContent,
+  Description as CardDescription,
+  Footer as CardFooter,
+  Header as CardHeader,
+  Title as CardTitle,
+  Action as CardAction
 };

packages/ui/src/base/drawer/drawer-close.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { Drawer as DrawerPrimitive } from "vaul-svelte";
+  import { Drawer as DrawerPrimitive } from 'vaul-svelte';
 
-	let { ref = $bindable(null), ...restProps }: DrawerPrimitive.CloseProps = $props();
+  let { ref = $bindable(null), ...restProps }: DrawerPrimitive.CloseProps = $props();
 </script>
 
 <DrawerPrimitive.Close bind:ref data-slot="drawer-close" {...restProps} />

packages/ui/src/base/drawer/drawer-trigger.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { Drawer as DrawerPrimitive } from "vaul-svelte";
+  import { Drawer as DrawerPrimitive } from 'vaul-svelte';
 
-	let { ref = $bindable(null), ...restProps }: DrawerPrimitive.TriggerProps = $props();
+  let { ref = $bindable(null), ...restProps }: DrawerPrimitive.TriggerProps = $props();
 </script>
 
 <DrawerPrimitive.Trigger bind:ref data-slot="drawer-trigger" {...restProps} />

packages/ui/src/base/drawer/drawer.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
-	import { Drawer as DrawerPrimitive } from "vaul-svelte";
+  import { Drawer as DrawerPrimitive } from 'vaul-svelte';
 
-	let {
-		shouldScaleBackground = true,
-		open = $bindable(false),
-		activeSnapPoint = $bindable(null),
-		...restProps
-	}: DrawerPrimitive.RootProps = $props();
+  let {
+    shouldScaleBackground = true,
+    open = $bindable(false),
+    activeSnapPoint = $bindable(null),
+    ...restProps
+  }: DrawerPrimitive.RootProps = $props();
 </script>
 
 <DrawerPrimitive.Root {shouldScaleBackground} bind:open bind:activeSnapPoint {...restProps} />

packages/ui/src/base/drawer/index.ts

@@ -1,41 +1,41 @@
-import { Drawer as DrawerPrimitive } from "vaul-svelte";
+import { Drawer as DrawerPrimitive } from 'vaul-svelte';
 
-import Root from "./drawer.svelte";
-import Content from "./drawer-content.svelte";
-import Description from "./drawer-description.svelte";
-import Overlay from "./drawer-overlay.svelte";
-import Footer from "./drawer-footer.svelte";
-import Header from "./drawer-header.svelte";
-import Title from "./drawer-title.svelte";
-import NestedRoot from "./drawer-nested.svelte";
-import Close from "./drawer-close.svelte";
-import Trigger from "./drawer-trigger.svelte";
+import Root from './drawer.svelte';
+import Content from './drawer-content.svelte';
+import Description from './drawer-description.svelte';
+import Overlay from './drawer-overlay.svelte';
+import Footer from './drawer-footer.svelte';
+import Header from './drawer-header.svelte';
+import Title from './drawer-title.svelte';
+import NestedRoot from './drawer-nested.svelte';
+import Close from './drawer-close.svelte';
+import Trigger from './drawer-trigger.svelte';
 
 const Portal: typeof DrawerPrimitive.Portal = DrawerPrimitive.Portal;
 
 export {
-	Root,
-	NestedRoot,
-	Content,
-	Description,
-	Overlay,
-	Footer,
-	Header,
-	Title,
-	Trigger,
-	Portal,
-	Close,
+  Root,
+  NestedRoot,
+  Content,
+  Description,
+  Overlay,
+  Footer,
+  Header,
+  Title,
+  Trigger,
+  Portal,
+  Close,
 
-	//
-	Root as Drawer,
-	NestedRoot as DrawerNestedRoot,
-	Content as DrawerContent,
-	Description as DrawerDescription,
-	Overlay as DrawerOverlay,
-	Footer as DrawerFooter,
-	Header as DrawerHeader,
-	Title as DrawerTitle,
-	Trigger as DrawerTrigger,
-	Portal as DrawerPortal,
-	Close as DrawerClose,
+  //
+  Root as Drawer,
+  NestedRoot as DrawerNestedRoot,
+  Content as DrawerContent,
+  Description as DrawerDescription,
+  Overlay as DrawerOverlay,
+  Footer as DrawerFooter,
+  Header as DrawerHeader,
+  Title as DrawerTitle,
+  Trigger as DrawerTrigger,
+  Portal as DrawerPortal,
+  Close as DrawerClose
 };

packages/ui/src/base/empty/index.ts

@@ -1,22 +1,22 @@
-import Root from "./empty.svelte";
-import Header from "./empty-header.svelte";
-import Media from "./empty-media.svelte";
-import Title from "./empty-title.svelte";
-import Description from "./empty-description.svelte";
-import Content from "./empty-content.svelte";
+import Root from './empty.svelte';
+import Header from './empty-header.svelte';
+import Media from './empty-media.svelte';
+import Title from './empty-title.svelte';
+import Description from './empty-description.svelte';
+import Content from './empty-content.svelte';
 
 export {
-	Root,
-	Header,
-	Media,
-	Title,
-	Description,
-	Content,
-	//
-	Root as Empty,
-	Header as EmptyHeader,
-	Media as EmptyMedia,
-	Title as EmptyTitle,
-	Description as EmptyDescription,
-	Content as EmptyContent,
+  Root,
+  Header,
+  Media,
+  Title,
+  Description,
+  Content,
+  //
+  Root as Empty,
+  Header as EmptyHeader,
+  Media as EmptyMedia,
+  Title as EmptyTitle,
+  Description as EmptyDescription,
+  Content as EmptyContent
 };

packages/ui/src/base/hover-card/index.ts

@@ -1,14 +1,7 @@
-import { LinkPreview as HoverCardPrimitive } from "bits-ui";
-import Content from "./hover-card-content.svelte";
-import Trigger from "./hover-card-trigger.svelte";
+import { LinkPreview as HoverCardPrimitive } from 'bits-ui';
+import Content from './hover-card-content.svelte';
+import Trigger from './hover-card-trigger.svelte';
 
 const Root = HoverCardPrimitive.Root;
 
-export {
-	Root,
-	Content,
-	Trigger,
-	Root as HoverCard,
-	Content as HoverCardContent,
-	Trigger as HoverCardTrigger,
-};
+export { Root, Content, Trigger, Root as HoverCard, Content as HoverCardContent, Trigger as HoverCardTrigger };

packages/ui/src/base/input-group/index.ts

@@ -1,22 +1,22 @@
-import Root from "./input-group.svelte";
-import Addon from "./input-group-addon.svelte";
-import Button from "./input-group-button.svelte";
-import Input from "./input-group-input.svelte";
-import Text from "./input-group-text.svelte";
-import Textarea from "./input-group-textarea.svelte";
+import Root from './input-group.svelte';
+import Addon from './input-group-addon.svelte';
+import Button from './input-group-button.svelte';
+import Input from './input-group-input.svelte';
+import Text from './input-group-text.svelte';
+import Textarea from './input-group-textarea.svelte';
 
 export {
-	Root,
-	Addon,
-	Button,
-	Input,
-	Text,
-	Textarea,
-	//
-	Root as InputGroup,
-	Addon as InputGroupAddon,
-	Button as InputGroupButton,
-	Input as InputGroupInput,
-	Text as InputGroupText,
-	Textarea as InputGroupTextarea,
+  Root,
+  Addon,
+  Button,
+  Input,
+  Text,
+  Textarea,
+  //
+  Root as InputGroup,
+  Addon as InputGroupAddon,
+  Button as InputGroupButton,
+  Input as InputGroupInput,
+  Text as InputGroupText,
+  Textarea as InputGroupTextarea
 };

packages/ui/src/base/input/index.ts

@@ -1,7 +1,7 @@
-import Root from "./input.svelte";
+import Root from './input.svelte';
 
 export {
-	Root,
-	//
-	Root as Input,
+  Root,
+  //
+  Root as Input
 };

packages/ui/src/base/item/index.ts

@@ -1,34 +1,34 @@
-import Root from "./item.svelte";
-import Group from "./item-group.svelte";
-import Separator from "./item-separator.svelte";
-import Header from "./item-header.svelte";
-import Footer from "./item-footer.svelte";
-import Content from "./item-content.svelte";
-import Title from "./item-title.svelte";
-import Description from "./item-description.svelte";
-import Actions from "./item-actions.svelte";
-import Media from "./item-media.svelte";
+import Root from './item.svelte';
+import Group from './item-group.svelte';
+import Separator from './item-separator.svelte';
+import Header from './item-header.svelte';
+import Footer from './item-footer.svelte';
+import Content from './item-content.svelte';
+import Title from './item-title.svelte';
+import Description from './item-description.svelte';
+import Actions from './item-actions.svelte';
+import Media from './item-media.svelte';
 
 export {
-	Root,
-	Group,
-	Separator,
-	Header,
-	Footer,
-	Content,
-	Title,
-	Description,
-	Actions,
-	Media,
-	//
-	Root as Item,
-	Group as ItemGroup,
-	Separator as ItemSeparator,
-	Header as ItemHeader,
-	Footer as ItemFooter,
-	Content as ItemContent,
-	Title as ItemTitle,
-	Description as ItemDescription,
-	Actions as ItemActions,
-	Media as ItemMedia,
+  Root,
+  Group,
+  Separator,
+  Header,
+  Footer,
+  Content,
+  Title,
+  Description,
+  Actions,
+  Media,
+  //
+  Root as Item,
+  Group as ItemGroup,
+  Separator as ItemSeparator,
+  Header as ItemHeader,
+  Footer as ItemFooter,
+  Content as ItemContent,
+  Title as ItemTitle,
+  Description as ItemDescription,
+  Actions as ItemActions,
+  Media as ItemMedia
 };

packages/ui/src/base/kbd/index.ts

@@ -1,10 +1,10 @@
-import Root from "./kbd.svelte";
-import Group from "./kbd-group.svelte";
+import Root from './kbd.svelte';
+import Group from './kbd-group.svelte';
 
 export {
-	Root,
-	Group,
-	//
-	Root as Kbd,
-	Group as KbdGroup,
+  Root,
+  Group,
+  //
+  Root as Kbd,
+  Group as KbdGroup
 };

packages/ui/src/base/navigation-menu/index.ts

@@ -1,28 +1,28 @@
-import Root from "./navigation-menu.svelte";
-import Content from "./navigation-menu-content.svelte";
-import Indicator from "./navigation-menu-indicator.svelte";
-import Item from "./navigation-menu-item.svelte";
-import Link from "./navigation-menu-link.svelte";
-import List from "./navigation-menu-list.svelte";
-import Trigger from "./navigation-menu-trigger.svelte";
-import Viewport from "./navigation-menu-viewport.svelte";
+import Root from './navigation-menu.svelte';
+import Content from './navigation-menu-content.svelte';
+import Indicator from './navigation-menu-indicator.svelte';
+import Item from './navigation-menu-item.svelte';
+import Link from './navigation-menu-link.svelte';
+import List from './navigation-menu-list.svelte';
+import Trigger from './navigation-menu-trigger.svelte';
+import Viewport from './navigation-menu-viewport.svelte';
 
 export {
-	Root,
-	Content,
-	Indicator,
-	Item,
-	Link,
-	List,
-	Trigger,
-	Viewport,
-	//
-	Root as NavigationMenuRoot,
-	Content as NavigationMenuContent,
-	Indicator as NavigationMenuIndicator,
-	Item as NavigationMenuItem,
-	Link as NavigationMenuLink,
-	List as NavigationMenuList,
-	Trigger as NavigationMenuTrigger,
-	Viewport as NavigationMenuViewport,
+  Root,
+  Content,
+  Indicator,
+  Item,
+  Link,
+  List,
+  Trigger,
+  Viewport,
+  //
+  Root as NavigationMenuRoot,
+  Content as NavigationMenuContent,
+  Indicator as NavigationMenuIndicator,
+  Item as NavigationMenuItem,
+  Link as NavigationMenuLink,
+  List as NavigationMenuList,
+  Trigger as NavigationMenuTrigger,
+  Viewport as NavigationMenuViewport
 };

packages/ui/src/base/page/page-action.svelte

@@ -10,12 +10,6 @@
   }: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
 </script>
 
-<div
-  bind:this={ref}
-  data-slot="page-action"
-  class={cn('ui:flex ui:items-center ui:gap-2', className)}
-  {...restProps}
->
+<div bind:this={ref} data-slot="page-action" class={cn('ui:flex ui:items-center ui:gap-2', className)} {...restProps}>
   {@render children?.()}
 </div>
-

packages/ui/src/base/page/page-subtitle.svelte

@@ -18,4 +18,3 @@
 >
   {@render children?.()}
 </p>
-

packages/ui/src/base/password/password-util.svelte.ts

@@ -5,153 +5,150 @@ import * as zxcvbnCommonPackage from '@zxcvbn-ts/language-common';
 import * as zxcvbnEnPackage from '@zxcvbn-ts/language-en';
 
 const passwordOptions = {
-	translations: zxcvbnEnPackage.translations,
-	graphs: zxcvbnCommonPackage.adjacencyGraphs,
-	dictionary: {
-		...zxcvbnCommonPackage.dictionary,
-		...zxcvbnEnPackage.dictionary
-	}
+  translations: zxcvbnEnPackage.translations,
+  graphs: zxcvbnCommonPackage.adjacencyGraphs,
+  dictionary: {
+    ...zxcvbnCommonPackage.dictionary,
+    ...zxcvbnEnPackage.dictionary
+  }
 };
 
 zxcvbnOptions.setOptions(passwordOptions);
 
 type PasswordRootStateProps = WritableBoxedValues<{
-	hidden: boolean;
+  hidden: boolean;
 }> &
-	ReadableBoxedValues<{
-		minScore: number;
-	}>;
+  ReadableBoxedValues<{
+    minScore: number;
+  }>;
 
 type PasswordState = {
-	value: string;
-	copyMounted: boolean;
-	toggleMounted: boolean;
-	strengthMounted: boolean;
-	tainted: boolean;
+  value: string;
+  copyMounted: boolean;
+  toggleMounted: boolean;
+  strengthMounted: boolean;
+  tainted: boolean;
 };
 
 const defaultPasswordState: PasswordState = {
-	value: '',
-	copyMounted: false,
-	toggleMounted: false,
-	strengthMounted: false,
-	tainted: false
+  value: '',
+  copyMounted: false,
+  toggleMounted: false,
+  strengthMounted: false,
+  tainted: false
 };
 
 class PasswordRootState {
-	passwordState = $state(defaultPasswordState);
+  passwordState = $state(defaultPasswordState);
 
-	constructor(readonly opts: PasswordRootStateProps) {}
+  constructor(readonly opts: PasswordRootStateProps) {}
 
-	// only re-run when the password changes
-	strength = $derived.by(() => zxcvbn(this.passwordState.value));
+  // only re-run when the password changes
+  strength = $derived.by(() => zxcvbn(this.passwordState.value));
 }
 
 type PasswordInputStateProps = WritableBoxedValues<{
-	value: string;
+  value: string;
 }> &
-	ReadableBoxedValues<{
-		ref: HTMLInputElement | null;
-	}>;
+  ReadableBoxedValues<{
+    ref: HTMLInputElement | null;
+  }>;
 
 class PasswordInputState {
-	constructor(
-		readonly root: PasswordRootState,
-		readonly opts: PasswordInputStateProps
-	) {
-		watch(
-			() => this.opts.value.current,
-			() => {
-				if (this.root.passwordState.value !== this.opts.value.current) {
-					this.root.passwordState.tainted = true;
-					this.root.passwordState.value = this.opts.value.current;
-				}
-			}
-		);
+  constructor(
+    readonly root: PasswordRootState,
+    readonly opts: PasswordInputStateProps
+  ) {
+    watch(
+      () => this.opts.value.current,
+      () => {
+        if (this.root.passwordState.value !== this.opts.value.current) {
+          this.root.passwordState.tainted = true;
+          this.root.passwordState.value = this.opts.value.current;
+        }
+      }
+    );
 
-		$effect(() => {
-			if (!this.root.passwordState.strengthMounted) return;
+    $effect(() => {
+      if (!this.root.passwordState.strengthMounted) return;
 
-			// if the password is empty, we let the `required` attribute handle the validation
-			if (
-				this.root.passwordState.value !== '' &&
-				this.root.strength.score < this.root.opts.minScore.current
-			) {
-				this.opts.ref.current?.setCustomValidity('Password is too weak');
-			} else {
-				this.opts.ref.current?.setCustomValidity('');
-			}
-		});
-	}
+      // if the password is empty, we let the `required` attribute handle the validation
+      if (this.root.passwordState.value !== '' && this.root.strength.score < this.root.opts.minScore.current) {
+        this.opts.ref.current?.setCustomValidity('Password is too weak');
+      } else {
+        this.opts.ref.current?.setCustomValidity('');
+      }
+    });
+  }
 
-	props = $derived.by(() => ({
-		'aria-invalid':
-			this.root.strength.score < this.root.opts.minScore.current &&
-			this.root.passwordState.tainted &&
-			this.root.passwordState.strengthMounted
-	}));
+  props = $derived.by(() => ({
+    'aria-invalid':
+      this.root.strength.score < this.root.opts.minScore.current &&
+      this.root.passwordState.tainted &&
+      this.root.passwordState.strengthMounted
+  }));
 }
 
 class PasswordToggleVisibilityState {
-	constructor(readonly root: PasswordRootState) {
-		this.root.passwordState.toggleMounted = true;
+  constructor(readonly root: PasswordRootState) {
+    this.root.passwordState.toggleMounted = true;
 
-		// this way we go back to the correct padding when toggle is unmounted
-		$effect(() => {
-			return () => {
-				this.root.passwordState.toggleMounted = false;
-			};
-		});
-	}
+    // this way we go back to the correct padding when toggle is unmounted
+    $effect(() => {
+      return () => {
+        this.root.passwordState.toggleMounted = false;
+      };
+    });
+  }
 }
 
 class PasswordCopyState {
-	constructor(readonly root: PasswordRootState) {
-		this.root.passwordState.copyMounted = true;
+  constructor(readonly root: PasswordRootState) {
+    this.root.passwordState.copyMounted = true;
 
-		// this way we go back to the correct padding when copy is unmounted
-		$effect(() => {
-			return () => {
-				this.root.passwordState.copyMounted = false;
-			};
-		});
-	}
+    // this way we go back to the correct padding when copy is unmounted
+    $effect(() => {
+      return () => {
+        this.root.passwordState.copyMounted = false;
+      };
+    });
+  }
 }
 
 class PasswordStrengthState {
-	constructor(readonly root: PasswordRootState) {
-		this.root.passwordState.strengthMounted = true;
+  constructor(readonly root: PasswordRootState) {
+    this.root.passwordState.strengthMounted = true;
 
-		$effect(() => {
-			return () => {
-				this.root.passwordState.strengthMounted = false;
-			};
-		});
-	}
+    $effect(() => {
+      return () => {
+        this.root.passwordState.strengthMounted = false;
+      };
+    });
+  }
 
-	get strength() {
-		return this.root.strength;
-	}
+  get strength() {
+    return this.root.strength;
+  }
 }
 
 const ctx = new Context<PasswordRootState>('password-root-state');
 
 export function usePassword(props: PasswordRootStateProps) {
-	return ctx.set(new PasswordRootState(props));
+  return ctx.set(new PasswordRootState(props));
 }
 
 export function usePasswordInput(props: PasswordInputStateProps) {
-	return new PasswordInputState(ctx.get(), props);
+  return new PasswordInputState(ctx.get(), props);
 }
 
 export function usePasswordToggleVisibility() {
-	return new PasswordToggleVisibilityState(ctx.get());
+  return new PasswordToggleVisibilityState(ctx.get());
 }
 
 export function usePasswordCopy() {
-	return new PasswordCopyState(ctx.get());
+  return new PasswordCopyState(ctx.get());
 }
 
 export function usePasswordStrength() {
-	return new PasswordStrengthState(ctx.get());
+  return new PasswordStrengthState(ctx.get());
 }

packages/ui/src/base/password/types.ts

@@ -1,47 +1,40 @@
-import type {
-	WithChildren,
-	WithoutChildren,
-	Meter as MeterPrimitive,
-	Toggle as TogglePrimitive
-} from 'bits-ui';
+import type { WithChildren, WithoutChildren, Meter as MeterPrimitive, Toggle as TogglePrimitive } from 'bits-ui';
 import type { HTMLAttributes, HTMLInputAttributes } from 'svelte/elements';
 import type { CopyButtonProps } from '../copy-button/types';
 import type { ZxcvbnResult } from '@zxcvbn-ts/core';
 
 export type PasswordRootPropsWithoutHTML = WithChildren<{
-	ref?: HTMLDivElement | null;
-	hidden?: boolean;
-	/** The minimum acceptable score for a password. (0-4)
-	 *
-	 * @default 3
-	 */
-	minScore?: 0 | 1 | 2 | 3 | 4;
+  ref?: HTMLDivElement | null;
+  hidden?: boolean;
+  /** The minimum acceptable score for a password. (0-4)
+   *
+   * @default 3
+   */
+  minScore?: 0 | 1 | 2 | 3 | 4;
 }>;
 
-export type PasswordRootProps = WithoutChildren<HTMLAttributes<HTMLDivElement>> &
-	PasswordRootPropsWithoutHTML;
+export type PasswordRootProps = WithoutChildren<HTMLAttributes<HTMLDivElement>> & PasswordRootPropsWithoutHTML;
 
 export type PasswordInputPropsWithoutHTML = WithChildren<{
-	ref?: HTMLInputElement | null;
-	value?: string;
+  ref?: HTMLInputElement | null;
+  value?: string;
 }>;
 
 export type PasswordInputProps = Omit<
-	WithoutChildren<HTMLInputAttributes>,
-	'type' | 'files' | 'aria-invalid' | 'value'
+  WithoutChildren<HTMLInputAttributes>,
+  'type' | 'files' | 'aria-invalid' | 'value'
 > &
-	PasswordInputPropsWithoutHTML;
+  PasswordInputPropsWithoutHTML;
 
 export type PasswordToggleVisibilityProps = Omit<
-	TogglePrimitive.RootProps,
-	'children' | 'pressed' | 'aria-label' | 'tabindex'
+  TogglePrimitive.RootProps,
+  'children' | 'pressed' | 'aria-label' | 'tabindex'
 >;
 
 export type PasswordCopyButtonProps = Omit<CopyButtonProps, 'children' | 'text'>;
 
 export type PasswordStrengthPropsWithoutHTML = {
-	strength?: ZxcvbnResult;
+  strength?: ZxcvbnResult;
 };
 
-export type PasswordStrengthProps = PasswordStrengthPropsWithoutHTML &
-	WithoutChildren<MeterPrimitive.RootProps>;
+export type PasswordStrengthProps = PasswordStrengthPropsWithoutHTML & WithoutChildren<MeterPrimitive.RootProps>;

packages/ui/src/base/separator/index.ts

@@ -1,7 +1,7 @@
-import Root from "./separator.svelte";
+import Root from './separator.svelte';
 
 export {
-	Root,
-	//
-	Root as Separator,
+  Root,
+  //
+  Root as Separator
 };

packages/ui/src/base/textarea/index.ts

@@ -1,7 +1,7 @@
-import Root from "./textarea.svelte";
+import Root from './textarea.svelte';
 
 export {
-	Root,
-	//
-	Root as Textarea,
+  Root,
+  //
+  Root as Textarea
 };

packages/ui/src/base/toggle/index.ts

@@ -1,13 +1,8 @@
 import Root from './toggle.svelte';
-export {
-	toggleVariants,
-	type ToggleSize,
-	type ToggleVariant,
-	type ToggleVariants
-} from './toggle.svelte';
+export { toggleVariants, type ToggleSize, type ToggleVariant, type ToggleVariants } from './toggle.svelte';
 
 export {
-	Root,
-	//
-	Root as Toggle
+  Root,
+  //
+  Root as Toggle
 };