Use cls from @layerstack/tailwind instead of svelte-ux

Author: techniq

sites/docs/src/docs/Blockquote.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import { mdiInformation } from '@mdi/js';
-  import { Icon, cls } from 'svelte-ux';
+  import { Icon } from 'svelte-ux';
+  import { cls } from '@layerstack/tailwind';
 </script>
 
 <div

sites/docs/src/docs/Code.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">
   import Prism from 'prismjs';
   import 'prism-svelte';
-  import { CopyButton, cls } from 'svelte-ux';
+  import { CopyButton } from 'svelte-ux';
+  import { cls } from '@layerstack/tailwind';
 
   export let source: string | null = null;
   export let language = 'svelte';

sites/docs/src/docs/Json.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import JsonTree from 'svelte-json-tree';
-  import { cls } from 'svelte-ux';
+  import { cls } from '@layerstack/tailwind';
 
   export let value: any;
   export let defaultExpandedPaths = ['$'];

sites/docs/src/docs/Preview.svelte

@@ -5,7 +5,8 @@
   import 'prism-svelte';
   import { mdiCodeTags, mdiTable } from '@mdi/js';
 
-  import { Button, CopyButton, Dialog, Toggle, Tooltip, cls } from 'svelte-ux';
+  import { Button, CopyButton, Dialog, Toggle, Tooltip } from 'svelte-ux';
+  import { cls } from '@layerstack/tailwind';
 
   import Code from './Code.svelte';
   import Json from './Json.svelte';

sites/docs/src/routes/docs/+layout.svelte

@@ -24,13 +24,13 @@
     ListItem,
     TableOfContents,
     // TODO: move/update
-    cls,
     settings,
     getSettings,
   } from 'svelte-ux';
 
   import { xlScreen } from '@layerstack/svelte-stores';
   import { toTitleCase } from '@layerstack/utils';
+  import { cls } from '@layerstack/tailwind';
 
   import Code from '$docs/Code.svelte';
   import ViewSourceButton from '$docs/ViewSourceButton.svelte';

sites/docs/src/routes/docs/svelte-actions/dataBackground/+page.svelte

@@ -10,10 +10,10 @@
     ToggleOption,
     TweenedValue,
     // TODO: move/update
-    cls,
   } from 'svelte-ux';
 
   import { dataBackground } from '@layerstack/svelte-actions';
+  import { cls } from '@layerstack/tailwind';
 
   import Preview from '$docs/Preview.svelte';
   import Code from '$docs/Code.svelte';

sites/docs/src/routes/docs/svelte-actions/scroll/+page.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">
   import { flip } from 'svelte/animate';
-  import { Button, cls } from 'svelte-ux';
+  import { Button } from 'svelte-ux';
   import { scrollIntoView, scrollFade, scrollShadow } from '@layerstack/svelte-actions';
+  import { cls } from '@layerstack/tailwind';
 
   import Code from '$docs/Code.svelte';
   import Preview from '$docs/Preview.svelte';

sites/docs/src/routes/docs/svelte-actions/spotlight/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { cls } from 'svelte-ux';
+  import { cls } from '@layerstack/tailwind';
   import { spotlight } from '@layerstack/svelte-actions';
 
   import Code from '$docs/Code.svelte';

sites/docs/src/routes/docs/svelte-actions/styles/+page.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
-  import { cls, Field, TextField, ToggleGroup, ToggleOption } from 'svelte-ux';
+  import { Field, TextField, ToggleGroup, ToggleOption } from 'svelte-ux';
   import { computedStyles, styleProps } from '@layerstack/svelte-actions';
+  import { cls } from '@layerstack/tailwind';
 
   import Preview from '$docs/Preview.svelte';
   import Code from '$docs/Code.svelte';