svelte-ag 1.2.0 → 1.2.2

package/src/lib/components/safe/safe.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">
-  import { cn, type HTMLDivAttributes } from '$utils';
   import type { WithElementRef } from 'svelte-toolbelt';
 
+  import { cn, type HTMLDivAttributes } from '$utils';
+
   export type Props = WithElementRef<HTMLDivAttributes> & {
     links?: boolean;
   };

package/src/lib/components/search/combinations/searchPopover.svelte

@@ -10,12 +10,14 @@
 </script>
 
 <script lang="ts">
-  import { Search } from '../index.js';
+  import type { PopoverTriggerProps } from 'bits-ui';
+
   import { Button } from '$shadcn/button/index.js';
   import * as Popover from '$shadcn/popover/index.js';
-  import type { PopoverTriggerProps } from 'bits-ui';
   import { cn } from '$utils/index.js';
 
+  import { Search } from '../index.js';
+
   let {
     items,
     value = $bindable(),

package/src/lib/components/search/components/search-empty.svelte

@@ -1,10 +1,12 @@
 <script lang="ts">
-  import { box, mergeProps } from 'svelte-toolbelt';
-  import type { SearchEmptyProps } from '../types';
   import { useId } from 'bits-ui';
-  import { useSearchEmpty } from '../search.svelte';
+  import { box, mergeProps } from 'svelte-toolbelt';
+
   import { cn } from '$utils';
 
+  import { useSearchEmpty } from '../search.svelte';
+  import type { SearchEmptyProps } from '../types';
+
   let { children, child, id = useId(), ref = $bindable(null), ...restProps }: SearchEmptyProps = $props();
 
   const emptyState = useSearchEmpty({

package/src/lib/components/search/components/search-input.svelte

@@ -1,10 +1,12 @@
 <script lang="ts">
-  import { box, mergeProps } from 'svelte-toolbelt';
-  import type { SearchInputProps } from '../types';
   import { useId } from 'bits-ui';
-  import { useSearchInput } from '../search.svelte';
+  import { box, mergeProps } from 'svelte-toolbelt';
+
   import { cn } from '$utils';
 
+  import { useSearchInput } from '../search.svelte';
+  import type { SearchInputProps } from '../types';
+
   let {
     child,
     class: className,

package/src/lib/components/search/components/search-list.svelte

@@ -1,10 +1,12 @@
 <script lang="ts">
-  import { box, mergeProps } from 'svelte-toolbelt';
-  import type { SearchListProps } from '../types';
   import { useId } from 'bits-ui';
-  import { useSearchList } from '../search.svelte';
-  import { cn } from '$utils';
+  import { box, mergeProps } from 'svelte-toolbelt';
+
   import { Button } from '$shadcn/button/index.js';
+  import { cn } from '$utils';
+
+  import { useSearchList } from '../search.svelte';
+  import type { SearchListProps } from '../types';
 
   let { children, child, id = useId(), ref = $bindable(null), item, ...restProps }: SearchListProps = $props();
 

package/src/lib/components/search/components/search-pagnation.svelte

@@ -1,10 +1,12 @@
 <script lang="ts">
-  import { box, mergeProps } from 'svelte-toolbelt';
-  import type { SearchPagnationProps } from '../types';
   import { useId } from 'bits-ui';
-  import { useSearchPagnation } from '../search.svelte';
+  import { box, mergeProps } from 'svelte-toolbelt';
+
   import * as Pagination from '$shadcn/pagination/index.js';
 
+  import { useSearchPagnation } from '../search.svelte';
+  import type { SearchPagnationProps } from '../types';
+
   let {
     child,
     id = useId(),

package/src/lib/components/search/components/search.svelte

@@ -1,10 +1,12 @@
 <script lang="ts">
-  import { box, mergeProps } from 'svelte-toolbelt';
-  import type { SearchProps } from '../types.js';
   import { useId } from 'bits-ui';
-  import { useSearchRoot } from '../search.svelte.js';
+  import { box, mergeProps } from 'svelte-toolbelt';
+
   import { cn } from '$utils/index.js';
 
+  import { useSearchRoot } from '../search.svelte.js';
+  import type { SearchProps } from '../types.js';
+
   let {
     children,
     child,

package/src/lib/components/search/search.svelte.ts

@@ -1,8 +1,9 @@
-import { useRefById, type ReadableBoxedValues, type WithRefProps, type WritableBoxedValues } from 'svelte-toolbelt';
-import { Context, watch } from 'runed';
 import { computeCommandScore } from 'bits-ui';
-import type { Item } from './types.js';
 import { dequal } from 'dequal';
+import { Context, watch } from 'runed';
+import { useRefById, type ReadableBoxedValues, type WithRefProps, type WritableBoxedValues } from 'svelte-toolbelt';
+
+import type { Item } from './types.js';
 
 const SEARCH_ROOT_ATTR = 'data-search-root';
 const SEARCH_INPUT_ATTR = 'data-search-input';

package/src/lib/components/shader/BaseShader.svelte

@@ -2,9 +2,9 @@
   import { onDestroy, onMount } from 'svelte';
   import type { Snippet } from 'svelte';
 
-  import { pixelScale, clamp } from './utils.js';
-  import { intersectionObserver } from './intersectionObserver.js';
   import { devicePixelResizeObserver, type DevicePixelResizeEvent } from './devicePixelResizeObserver.js';
+  import { intersectionObserver } from './intersectionObserver.js';
+  import { pixelScale, clamp } from './utils.js';
 
   type Props = {
     width?: string;

package/src/lib/components/shader/WebGpuShader.svelte

@@ -70,12 +70,12 @@
 <script lang="ts">
   import { onDestroy, onMount } from 'svelte';
   import type { Snippet } from 'svelte';
+  import { SvelteMap } from 'svelte/reactivity';
 
   import BaseShader from './BaseShader.svelte';
-  import { zip } from './utils.js';
   import type { WebGpuParameter as Parameter, WebGpuBuiltinParameter as BuiltinParameter } from './types.js';
   import { isBuiltinValue } from './types.js';
-  import { SvelteMap } from 'svelte/reactivity';
+  import { zip } from './utils.js';
 
   type Props = {
     width?: string;

package/src/lib/components/shader/intersectionObserver.ts

@@ -1,6 +1,7 @@
-import { clamp } from './utils.js';
 import type { ActionReturn } from 'svelte/action';
 
+import { clamp } from './utils.js';
+
 export type IntersectionEvent = CustomEvent<IntersectionObserverEntry>;
 
 type Attributes = {

package/src/lib/components/sidebar/context.svelte.ts

@@ -1,8 +1,9 @@
-import { IsMobile } from './is-mobile.svelte.js';
 import { getContext, setContext } from 'svelte';
-import { SIDEBAR_KEYBOARD_SHORTCUT } from './constants.js';
 import type { WritableBox } from 'svelte-toolbelt';
 
+import { SIDEBAR_KEYBOARD_SHORTCUT } from './constants.js';
+import { IsMobile } from './is-mobile.svelte.js';
+
 export type SidebarStateProps = {
   /**
    * A getter function that returns the current open state of the sidebar.

package/src/lib/components/sidebar/sidebar-content.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
-  import type { HTMLAttributes } from 'svelte/elements';
   import type { WithElementRef } from 'bits-ui';
+  import type { HTMLAttributes } from 'svelte/elements';
+
   import { cn } from '$utils/utils.js';
 
   let {

package/src/lib/components/sidebar/sidebar-footer.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
-  import type { HTMLAttributes } from 'svelte/elements';
   import type { WithElementRef } from 'bits-ui';
+  import type { HTMLAttributes } from 'svelte/elements';
+
   import { cn } from '$utils/utils.js';
 
   let {

package/src/lib/components/sidebar/sidebar-group-action.svelte

@@ -1,9 +1,10 @@
 <script lang="ts">
-  import { cn } from '$utils/utils.js';
   import type { WithElementRef } from 'bits-ui';
   import type { Snippet } from 'svelte';
   import type { HTMLButtonAttributes } from 'svelte/elements';
 
+  import { cn } from '$utils/utils.js';
+
   let {
     ref = $bindable(null),
     class: className,

package/src/lib/components/sidebar/sidebar-group-content.svelte

@@ -1,8 +1,9 @@
 <script lang="ts">
-  import { cn } from '$utils/utils.js';
   import type { WithElementRef } from 'bits-ui';
   import type { HTMLAttributes } from 'svelte/elements';
 
+  import { cn } from '$utils/utils.js';
+
   let {
     ref = $bindable(null),
     class: className,

package/src/lib/components/sidebar/sidebar-group-label.svelte

@@ -1,9 +1,10 @@
 <script lang="ts">
-  import { cn } from '$utils/utils.js';
   import type { WithElementRef } from 'bits-ui';
   import type { Snippet } from 'svelte';
   import type { HTMLAttributes } from 'svelte/elements';
 
+  import { cn } from '$utils/utils.js';
+
   let {
     ref = $bindable(null),
     children,

package/src/lib/components/sidebar/sidebar-group.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
-  import type { HTMLAttributes } from 'svelte/elements';
   import type { WithElementRef } from 'bits-ui';
+  import type { HTMLAttributes } from 'svelte/elements';
+
   import { cn } from '$utils/utils.js';
 
   let {

package/src/lib/components/sidebar/sidebar-header.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
-  import type { HTMLAttributes } from 'svelte/elements';
   import type { WithElementRef } from 'bits-ui';
+  import type { HTMLAttributes } from 'svelte/elements';
+
   import { cn } from '$utils/utils.js';
 
   let {

package/src/lib/components/sidebar/sidebar-input.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
   import type { ComponentProps } from 'svelte';
+
   import { Input } from '$shadcn/input/index.js';
   import { cn } from '$utils/utils.js';
 

package/src/lib/components/sidebar/sidebar-inset.svelte

@@ -1,8 +1,9 @@
 <script lang="ts">
-  import { cn } from '$utils/utils.js';
   import type { WithElementRef } from 'bits-ui';
   import type { HTMLAttributes } from 'svelte/elements';
 
+  import { cn } from '$utils/utils.js';
+
   let {
     ref = $bindable(null),
     class: className,

package/src/lib/components/sidebar/sidebar-menu-action.svelte

@@ -1,9 +1,10 @@
 <script lang="ts">
-  import { cn } from '$utils/utils.js';
   import type { WithElementRef } from 'bits-ui';
   import type { Snippet } from 'svelte';
   import type { HTMLButtonAttributes } from 'svelte/elements';
 
+  import { cn } from '$utils/utils.js';
+
   let {
     ref = $bindable(null),
     class: className,

package/src/lib/components/sidebar/sidebar-menu-badge.svelte

@@ -1,8 +1,9 @@
 <script lang="ts">
-  import { cn } from '$utils/utils.js';
   import type { WithElementRef } from 'bits-ui';
   import type { HTMLAttributes } from 'svelte/elements';
 
+  import { cn } from '$utils/utils.js';
+
   let {
     ref = $bindable(null),
     class: className,

package/src/lib/components/sidebar/sidebar-menu-button.svelte

@@ -49,12 +49,13 @@
 
 <script lang="ts">
   import { mergeProps, type WithElementRef, type WithoutChildrenOrChild } from 'bits-ui';
-  import * as Tooltip from '$shadcn/tooltip/index.js';
-  import * as AlertDialog from '$shadcn/alert-dialog/index.js';
-
-  import { cn } from '$utils/utils.js';
   import type { ComponentProps, Snippet } from 'svelte';
   import type { HTMLAttributes } from 'svelte/elements';
+
+  import * as AlertDialog from '$shadcn/alert-dialog/index.js';
+  import * as Tooltip from '$shadcn/tooltip/index.js';
+  import { cn } from '$utils/utils.js';
+
   import { useSidebar } from './context.svelte.js';
 
   let {
@@ -148,6 +149,6 @@
       </Tooltip.Root>
     </Tooltip.Provider>
 
-    <AlertDialog.Content children={alertContent} {...alertContentProps} />
+    {@render alertContent()}
   </AlertDialog.Root>
 {/if}

package/src/lib/components/sidebar/sidebar-menu-item.svelte

@@ -1,8 +1,9 @@
 <script lang="ts">
-  import { cn } from '$utils/utils.js';
   import type { WithElementRef } from 'bits-ui';
   import type { HTMLAttributes } from 'svelte/elements';
 
+  import { cn } from '$utils/utils.js';
+
   let {
     ref = $bindable(null),
     class: className,

package/src/lib/components/sidebar/sidebar-menu-skeleton.svelte

@@ -1,9 +1,10 @@
 <script lang="ts">
-  import { Skeleton } from '$shadcn/skeleton/index.js';
-  import { cn } from '$utils/utils.js';
   import type { WithElementRef } from 'bits-ui';
   import type { HTMLAttributes } from 'svelte/elements';
 
+  import { Skeleton } from '$shadcn/skeleton/index.js';
+  import { cn } from '$utils/utils.js';
+
   let {
     ref = $bindable(null),
     class: className,

package/src/lib/components/sidebar/sidebar-menu-sub-button.svelte

@@ -1,9 +1,10 @@
 <script lang="ts">
-  import { cn } from '$utils/utils.js';
   import type { WithElementRef } from 'bits-ui';
   import type { Snippet } from 'svelte';
   import type { HTMLAnchorAttributes } from 'svelte/elements';
 
+  import { cn } from '$utils/utils.js';
+
   let {
     ref = $bindable(null),
     children,

package/src/lib/components/sidebar/sidebar-menu-sub-item.svelte

@@ -1,8 +1,9 @@
 <script lang="ts">
-  import { cn } from '$utils';
   import type { WithElementRef } from 'bits-ui';
   import type { HTMLAttributes } from 'svelte/elements';
 
+  import { cn } from '$utils';
+
   let {
     ref = $bindable(null),
     children,

package/src/lib/components/sidebar/sidebar-menu-sub.svelte

@@ -1,8 +1,9 @@
 <script lang="ts">
-  import { cn } from '$utils/utils.js';
   import type { WithElementRef } from 'bits-ui';
   import type { HTMLAttributes } from 'svelte/elements';
 
+  import { cn } from '$utils/utils.js';
+
   let {
     ref = $bindable(null),
     class: className,

package/src/lib/components/sidebar/sidebar-menu.svelte

@@ -1,8 +1,9 @@
 <script lang="ts">
-  import { cn } from '$utils/utils.js';
   import type { WithElementRef } from 'bits-ui';
   import type { HTMLAttributes } from 'svelte/elements';
 
+  import { cn } from '$utils/utils.js';
+
   let {
     ref = $bindable(null),
     class: className,

package/src/lib/components/sidebar/sidebar-provider.svelte

@@ -1,12 +1,14 @@
 <script lang="ts">
-  import * as Tooltip from '$shadcn/tooltip/index.js';
-  import { cn } from '$utils/utils.js';
   import type { WithElementRef } from 'bits-ui';
+  import { box } from 'svelte-toolbelt';
   import type { HTMLAttributes } from 'svelte/elements';
+
+  import { browser } from '$app/environment';
+  import * as Tooltip from '$shadcn/tooltip/index.js';
+  import { cn } from '$utils/utils.js';
+
   import { SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON } from './constants.js';
   import { setSidebar } from './context.svelte.js';
-  import { browser } from '$app/environment';
-  import { box } from 'svelte-toolbelt';
 
   let {
     ref = $bindable(null),

package/src/lib/components/sidebar/sidebar-rail.svelte

@@ -1,7 +1,9 @@
 <script lang="ts">
-  import { cn } from '$utils/utils.js';
   import type { WithElementRef } from 'bits-ui';
   import type { HTMLAttributes } from 'svelte/elements';
+
+  import { cn } from '$utils/utils.js';
+
   import { useSidebar } from './context.svelte.js';
 
   let {

package/src/lib/components/sidebar/sidebar-separator.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">
+  import type { ComponentProps } from 'svelte';
+
   import { Separator } from '$shadcn/separator/index.js';
   import { cn } from '$utils/utils.js';
-  import type { ComponentProps } from 'svelte';
 
   let { ref = $bindable(null), class: className, ...restProps }: ComponentProps<typeof Separator> = $props();
 </script>

package/src/lib/components/sidebar/sidebar-trigger.svelte

@@ -1,7 +1,9 @@
 <script lang="ts">
+  import type { ComponentProps } from 'svelte';
+
   import { Button } from '$shadcn/button/index.js';
   import { cn } from '$utils/utils.js';
-  import type { ComponentProps } from 'svelte';
+
   import { useSidebar } from './context.svelte.js';
 
   let {

package/src/lib/components/sidebar/sidebar.svelte

@@ -1,8 +1,10 @@
 <script lang="ts">
-  import * as Sheet from '$shadcn/sheet/index.js';
-  import { cn } from '$utils/utils.js';
   import type { WithElementRef } from 'bits-ui';
   import type { HTMLAttributes } from 'svelte/elements';
+
+  import * as Sheet from '$shadcn/sheet/index.js';
+  import { cn } from '$utils/utils.js';
+
   import { SIDEBAR_WIDTH_MOBILE } from './constants.js';
   import { useSidebar } from './context.svelte.js';
 

package/src/lib/components/utilities/arrow/arrow.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">
+  import { useId } from 'bits-ui';
   import { mergeProps } from 'svelte-toolbelt';
+
   import type { ArrowProps } from './types.js';
-  import { useId } from 'bits-ui';
 
   let { id = useId(), children, child, width = 10, height = 5, ...restProps }: ArrowProps = $props();
 

package/src/lib/vite/vite-plugin-component-source-collector.ts

@@ -1,10 +1,12 @@
-import type { Plugin, ResolvedConfig } from 'vite';
-import { init, parse as parseEsm } from 'es-module-lexer';
-import { exists, writeIfDifferent } from 'ts-ag';
 import { readFile } from 'fs/promises';
-import { resolve, join, relative, dirname, isAbsolute, parse as parsePath } from 'path';
 import { open } from 'fs/promises';
+import { resolve, join, relative, dirname, isAbsolute, parse as parsePath } from 'path';
+
+import { init, parse as parseEsm } from 'es-module-lexer';
 import { parse as parseSvelte } from 'svelte/compiler';
+import { exists, writeIfDifferent } from 'ts-ag';
+import type { Plugin, ResolvedConfig } from 'vite';
+
 import {
   ensureRelativeManifestSourcePath,
   getTailwindSourcesManifestPath,

package/src/lib/vite/vite-plugin-component-source-collector.unit.test.ts

@@ -1,8 +1,9 @@
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 import { mkdir, mkdtemp, readFile, rm, symlink, writeFile } from 'fs/promises';
-import { join } from 'path';
 import { tmpdir } from 'os';
+import { join } from 'path';
+
 import { build, normalizePath, type Plugin, type ResolvedConfig } from 'vite';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 
 const tempDirectories: string[] = [];