[ci] lint

docs/scripts/lib/utils.ts

@@ -1,21 +1,21 @@
-import fs from 'node:fs'
-import { EOL } from 'node:os'
+import fs from 'node:fs';
+import { EOL } from 'node:os';
 
 export function normalizeLineEndings(contents: string) {
-	return contents.replace(/\r\n/g, '\n')
+	return contents.replace(/\r\n/g, '\n');
 }
 
 export function splitLines(contents: string) {
-	return normalizeLineEndings(contents).split(/\n/)
+	return normalizeLineEndings(contents).split(/\n/);
 }
 
 export function readFileLines(filePath: string) {
-	return splitLines(fs.readFileSync(filePath, 'utf8'))
+	return splitLines(fs.readFileSync(filePath, 'utf8'));
 }
 
 export function writeFileLines(filePath: string, lines: string | string[]) {
-	const normalizedLines = splitLines(Array.isArray(lines) ? lines.join('\n') : lines)
-	fs.writeFileSync(filePath, normalizedLines.join(EOL))
+	const normalizedLines = splitLines(Array.isArray(lines) ? lines.join('\n') : lines);
+	fs.writeFileSync(filePath, normalizedLines.join(EOL));
 }
 
 /**
@@ -29,10 +29,10 @@ export function serializeStringWithSingleQuotes(input: string): string {
 			'\n': '\\n',
 			'\r': '\\r',
 			'\t': '\\t',
-		}
+		};
 
-		return escapeMap[match] || match
-	})
+		return escapeMap[match] || match;
+	});
 
-	return `'${escapedString}'`
-}
+	return `'${escapedString}'`;
+}

docs/src/components/Youtube.astro

@@ -1,12 +1,12 @@
 ---
-import { YouTube } from 'astro-embed';
-
-interface Props {
-	id: string;
-	title?: string;
-}
-
-const { id, title } = Astro.props;
+import { YouTube } from 'astro-embed';
+
+interface Props {
+	id: string;
+	title?: string;
+}
+
+const { id, title } = Astro.props;
 ---
 <YouTube id={id} title={title} />
 

docs/src/components/icons/GitHubIcon.astro

@@ -2,8 +2,8 @@
 import type { HTMLAttributes } from 'astro/types';
 
 interface Props extends HTMLAttributes<'svg'> {
-  width?: number;
-  height?: number;
+	width?: number;
+	height?: number;
 }
 
 const { width = 98, height = 96, ...props } = Astro.props;

docs/src/components/landing/HeroSection.astro

@@ -1,17 +1,17 @@
 ---
 import {
-  Button,
-  Checkbox,
-  Divider,
-  Dropdown,
-  Input,
-  RadioGroup,
-  SearchSelect,
-  Select,
-  Textarea,
-  ThemeToggle,
-  Toggle,
-  User
+	Button,
+	Checkbox,
+	Divider,
+	Dropdown,
+	Input,
+	RadioGroup,
+	SearchSelect,
+	Select,
+	Textarea,
+	ThemeToggle,
+	Toggle,
+	User,
 } from '@studiocms/ui/components';
 
 import Icon from '@studiocms/ui/utils/Icon.astro';

docs/src/components/landing/PageHeader.astro

@@ -1,11 +1,11 @@
 ---
 import Icon from '@studiocms/ui/utils/Icon.astro';
-import type { HeroIconName } from '@studiocms/ui/utils/iconType.js'
+import type { HeroIconName } from '@studiocms/ui/utils/iconType.js';
 
 interface Props {
-  icon: HeroIconName;
-  title: string;
-  subtitle?: string;
+	icon: HeroIconName;
+	title: string;
+	subtitle?: string;
 }
 
 const { icon, title, subtitle } = Astro.props;

docs/src/components/landing/SocialProofCard.astro

@@ -2,15 +2,15 @@
 import { Image } from 'astro:assets';
 
 interface Props {
-  avatar: string;
-  name: string;
-  handle: string;
-  message: string;
-  image?: {
-    path: string;
-    width: number;
-    height: number;
-  };
+	avatar: string;
+	name: string;
+	handle: string;
+	message: string;
+	image?: {
+		path: string;
+		width: number;
+		height: number;
+	};
 }
 
 const { avatar, name, handle, message, image } = Astro.props;

docs/src/components/landing/SocialProofSection.astro

@@ -10,8 +10,8 @@ const chunkSize = socialProofEntries.length / 3;
 const chunkedSocialProofEntries = [];
 
 for (let i = 0; i < socialProofEntries.length; i += chunkSize) {
-    const chunk = socialProofEntries.slice(i, i + chunkSize);
-    chunkedSocialProofEntries.push(chunk);
+	const chunk = socialProofEntries.slice(i, i + chunkSize);
+	chunkedSocialProofEntries.push(chunk);
 }
 ---
 <section class="social-proof not-content">

docs/src/components/landing/styles.css

@@ -1,10 +1,10 @@
 form {
-  padding: 1.5rem;
-  background: hsl(var(--background-base)); 
+	padding: 1.5rem;
+	background: hsl(var(--background-base));
 }
 
 form > span {
-  font-size: 1.5em;
-  font-weight: 700;
-  margin-bottom: .75rem;
+	font-size: 1.5em;
+	font-weight: 700;
+	margin-bottom: .75rem;
 }

packages/studiocms_ui/src/components/Checkbox.astro

@@ -11,7 +11,7 @@ interface Props {
 	disabled?: boolean;
 	name?: string;
 	isRequired?: boolean;
-};
+}
 
 const {
 	size = 'md',

packages/studiocms_ui/src/components/Divider.astro

@@ -1,7 +1,7 @@
 ---
 interface Props {
-  background?: 'background-base' | 'background-step-1' | 'background-step-2' | 'background-step-3';
-};
+	background?: 'background-base' | 'background-step-1' | 'background-step-2' | 'background-step-3';
+}
 
 const { background = 'background-base' } = Astro.props;
 ---

packages/studiocms_ui/src/components/Dropdown/Dropdown.astro

@@ -8,20 +8,27 @@ interface Option {
 	value: string;
 	disabled?: boolean;
 	color?: StudioCMSColorway;
-  icon?: HeroIconName;
-  href?: string;
-};
+	icon?: HeroIconName;
+	href?: string;
+}
 
 interface Props {
 	options: Option[];
 	disabled?: boolean;
 	id: string;
 	align?: 'start' | 'center' | 'end';
 	triggerOn?: 'left' | 'right' | 'both';
-  offset?: number;
-};
-
-const { options, disabled = false, align = 'center', id, triggerOn = 'left', offset = 0 } = Astro.props;
+	offset?: number;
+}
+
+const {
+	options,
+	disabled = false,
+	align = 'center',
+	id,
+	triggerOn = 'left',
+	offset = 0,
+} = Astro.props;
 ---
 <div 
   class="sui-dropdown-container"

packages/studiocms_ui/src/components/Dropdown/dropdown.ts

@@ -6,7 +6,7 @@ class DropdownHelper {
 	private alignment: 'start' | 'center' | 'end';
 	private triggerOn: 'left' | 'right' | 'both';
 	private fullWidth = false;
-	
+
 	active = false;
 
 	constructor(id: string, fullWidth?: boolean) {

packages/studiocms_ui/src/components/Footer.astro

@@ -1,14 +1,14 @@
 ---
-import type { HTMLAttributes } from 'astro/types'
+import type { HTMLAttributes } from 'astro/types';
 
 interface Props extends HTMLAttributes<'footer'> {
-  links: {
-    [label: string]: {
-      label: string;
-      href: string;
-    }[];
-  },
-  copyright: string;
+	links: {
+		[label: string]: {
+			label: string;
+			href: string;
+		}[];
+	};
+	copyright: string;
 }
 
 const { copyright, links, ...props } = Astro.props;

packages/studiocms_ui/src/components/Input.astro

@@ -11,7 +11,7 @@ interface Props extends HTMLAttributes<'input'> {
 	disabled?: boolean;
 	defaultValue?: string;
 	class?: string;
-};
+}
 
 const {
 	label,

packages/studiocms_ui/src/components/Modal/Modal.astro

@@ -4,8 +4,8 @@ import Icon from '../../utils/Icon.astro';
 import Button from '../Button.astro';
 
 interface ButtonType {
-  label: string;
-  color: StudioCMSColorway;
+	label: string;
+	color: StudioCMSColorway;
 }
 
 interface Props {
@@ -15,9 +15,16 @@ interface Props {
 	cancelButton?: string | ButtonType;
 	actionButton?: string | ButtonType;
 	isForm?: boolean;
-};
+}
 
-const { id, size = 'md', dismissable = true, isForm = false, cancelButton, actionButton } = Astro.props;
+const {
+	id,
+	size = 'md',
+	dismissable = true,
+	isForm = false,
+	cancelButton,
+	actionButton,
+} = Astro.props;
 ---
 <dialog
   popover

packages/studiocms_ui/src/components/Modal/modal.ts

@@ -33,7 +33,10 @@ class ModalHelper {
 	}
 
 	private addButtonListeners = (id: string, dismissable: boolean) => {
-		if (dismissable || (!this.element.dataset.hasCancelButton && !this.element.dataset.hasActionButton)) {
+		if (
+			dismissable ||
+			(!this.element.dataset.hasCancelButton && !this.element.dataset.hasActionButton)
+		) {
 			const xMarkButton = document.getElementById(`${id}-btn-x`) as HTMLButtonElement;
 			xMarkButton.addEventListener('click', this.hide);
 		}

packages/studiocms_ui/src/components/RadioGroup.astro

@@ -6,7 +6,7 @@ interface Option {
 	label: string;
 	value: string;
 	disabled?: boolean;
-};
+}
 
 interface Props {
 	label: string;
@@ -18,7 +18,7 @@ interface Props {
 	isRequired?: boolean;
 	horizontal?: boolean;
 	class?: string;
-};
+}
 
 const {
 	label,

packages/studiocms_ui/src/components/Row.astro

@@ -4,7 +4,7 @@ import type { HTMLAttributes } from 'astro/types';
 interface Props extends HTMLAttributes<'div'> {
 	alignCenter?: boolean;
 	gapSize?: 'sm' | 'md' | 'lg';
-};
+}
 
 const { alignCenter, gapSize = 'md', ...props } = Astro.props;
 ---

packages/studiocms_ui/src/components/SearchSelect.astro

@@ -7,7 +7,7 @@ interface Option {
 	label: string;
 	value: string;
 	disabled?: boolean;
-};
+}
 
 interface Props {
 	label?: string;
@@ -18,8 +18,8 @@ interface Props {
 	options: Option[];
 	disabled?: boolean;
 	fullWidth?: boolean;
-    placeholder?: string;
-};
+	placeholder?: string;
+}
 
 const {
 	label,
@@ -30,7 +30,7 @@ const {
 	options = [],
 	disabled,
 	fullWidth,
-    placeholder
+	placeholder,
 } = Astro.props;
 ---
 

packages/studiocms_ui/src/components/Select.astro

@@ -6,7 +6,7 @@ interface Option {
 	label: string;
 	value: string;
 	disabled?: boolean;
-};
+}
 
 interface Props {
 	label?: string;
@@ -18,7 +18,7 @@ interface Props {
 	disabled?: boolean;
 	fullWidth?: boolean;
 	placeholder?: string;
-};
+}
 
 const {
 	label,
@@ -29,7 +29,7 @@ const {
 	options = [],
 	disabled,
 	fullWidth,
-    placeholder
+	placeholder,
 } = Astro.props;
 ---