studiocms 0.1.0-beta.25 → 0.1.0-beta.26

package/CHANGELOG.md

@@ -1,5 +1,96 @@
 # studiocms
 
+## 0.1.0-beta.26
+
+### Patch Changes
+
+- [#730](https://github.com/withstudiocms/studiocms/pull/730) [`cf0e866`](https://github.com/withstudiocms/studiocms/commit/cf0e866e1508d6fec7d59c765126c6bbfe09f068) Thanks [@Adammatthiesen](https://github.com/Adammatthiesen)! - Update to StudioCMS UI 1.0 beta
+
+- [#754](https://github.com/withstudiocms/studiocms/pull/754) [`3daaf92`](https://github.com/withstudiocms/studiocms/commit/3daaf92efa7ba78de41927cc56cc3d166da48075) Thanks [@Adammatthiesen](https://github.com/Adammatthiesen)! - Fix: Adjust SDK page lookup to return `undefined` when a page is not found, eliminating noisy Astro errors in development (notably when using Chrome DevTools).
+
+- [#759](https://github.com/withstudiocms/studiocms/pull/759) [`c14b94c`](https://github.com/withstudiocms/studiocms/commit/c14b94c855a750b5666fffc975bebf1a556cf80f) Thanks [@Adammatthiesen](https://github.com/Adammatthiesen)! - Cleanup internal integration code
+
+- [#740](https://github.com/withstudiocms/studiocms/pull/740) [`203852c`](https://github.com/withstudiocms/studiocms/commit/203852c2e102c668eed71e46b96f134899895327) Thanks [@Adammatthiesen](https://github.com/Adammatthiesen)! - Implement new auth package into StudioCMS
+
+- [#761](https://github.com/withstudiocms/studiocms/pull/761) [`447843f`](https://github.com/withstudiocms/studiocms/commit/447843f8e565f7ea15131a1a02cf178c6269d5ef) Thanks [@Adammatthiesen](https://github.com/Adammatthiesen)! - Renames internal i18n file to server.ts instead of index.ts
+
+- [#724](https://github.com/withstudiocms/studiocms/pull/724) [`0921bd3`](https://github.com/withstudiocms/studiocms/commit/0921bd330bcd69080aba0265db822b33327fbb9f) Thanks [@renovate](https://github.com/apps/renovate)! - fix(deps): update dependency @iconify-json/simple-icons to ^1.2.49
+
+- [#734](https://github.com/withstudiocms/studiocms/pull/734) [`c613781`](https://github.com/withstudiocms/studiocms/commit/c613781d04003f1808a1632dcfcd2f2662d4ee8b) Thanks [@renovate](https://github.com/apps/renovate)! - fix(deps): update studiocms dependencies
+
+- [#746](https://github.com/withstudiocms/studiocms/pull/746) [`d52873f`](https://github.com/withstudiocms/studiocms/commit/d52873f975fa7cbfe52a037bf84648b03c4773b4) Thanks [@renovate](https://github.com/apps/renovate)! - fix(deps): update dependency @iconify-json/simple-icons to ^1.2.50
+
+- [#766](https://github.com/withstudiocms/studiocms/pull/766) [`06444cb`](https://github.com/withstudiocms/studiocms/commit/06444cbaf17e63a12b08eb8a08c1b6d65eeaac82) Thanks [@renovate](https://github.com/apps/renovate)! - fix(deps): update studiocms dependencies
+
+- [#749](https://github.com/withstudiocms/studiocms/pull/749) [`5780dd6`](https://github.com/withstudiocms/studiocms/commit/5780dd603ec6dc900d8f0f667374b4cf5eaf6a5a) Thanks [@Adammatthiesen](https://github.com/Adammatthiesen)! - BREAKING: Remove deprecated locals from middleware in favor of a joined StudioCMS locals object.
+
+  Removed top-level Astro.Locals keys:
+
+  - SCMSGenerator, SCMSUiGenerator, latestVersion, siteConfig, defaultLang, routeMap
+  - userSessionData, emailVerificationEnabled, userPermissionLevel
+  - wysiwygCsrfToken (renamed)
+
+  New location:
+
+  - Access these under event.locals.StudioCMS.<key>
+
+  Renames:
+
+  - wysiwygCsrfToken → editorCSRFToken (under StudioCMS)
+
+  Migration examples:
+  Before:
+  const { siteConfig, defaultLang } = Astro.locals;
+  After:
+  const { siteConfig, defaultLang } = Astro.locals.StudioCMS;
+
+  Before:
+  const token = Astro.locals.wysiwygCsrfToken;
+  After:
+  const token = Astro.locals.StudioCMS.editorCSRFToken;
+
+- [#755](https://github.com/withstudiocms/studiocms/pull/755) [`85a9a99`](https://github.com/withstudiocms/studiocms/commit/85a9a99d3c4595ff7130ca753e4962da66ad2511) Thanks [@Adammatthiesen](https://github.com/Adammatthiesen)! - Implements new DB table for dynamic config storage in unified table
+
+  BREAKING:
+
+  Users will be required to run `astro db push --remote` to update their database table schemas.
+
+- [#759](https://github.com/withstudiocms/studiocms/pull/759) [`c14b94c`](https://github.com/withstudiocms/studiocms/commit/c14b94c855a750b5666fffc975bebf1a556cf80f) Thanks [@Adammatthiesen](https://github.com/Adammatthiesen)! - cleanup and organize dependencies
+
+- [#741](https://github.com/withstudiocms/studiocms/pull/741) [`e685425`](https://github.com/withstudiocms/studiocms/commit/e6854250165650c7642a03e4f612aa0a9ea880d1) Thanks [@Adammatthiesen](https://github.com/Adammatthiesen)! - Tweak auth-kit to conform types to table configs
+
+- [#742](https://github.com/withstudiocms/studiocms/pull/742) [`8e53f8f`](https://github.com/withstudiocms/studiocms/commit/8e53f8fc56adb8a8b110c9854053c779e07b3cb3) Thanks [@Adammatthiesen](https://github.com/Adammatthiesen)! - Init new package @withstudiocms/internal_helpers
+
+- [#744](https://github.com/withstudiocms/studiocms/pull/744) [`95b41f1`](https://github.com/withstudiocms/studiocms/commit/95b41f1a37b241dd3e1bfa90c8a85b858c107e6d) Thanks [@Adammatthiesen](https://github.com/Adammatthiesen)! - Fix missing variable during First time setup
+
+- [#741](https://github.com/withstudiocms/studiocms/pull/741) [`e685425`](https://github.com/withstudiocms/studiocms/commit/e6854250165650c7642a03e4f612aa0a9ea880d1) Thanks [@Adammatthiesen](https://github.com/Adammatthiesen)! - BREAKING CHANGE: Updated AstroDB table config to utilize enums for permissions.
+
+  Users will be required to run `astro db push --remote` to update their table schema.
+
+- [#751](https://github.com/withstudiocms/studiocms/pull/751) [`d5229f5`](https://github.com/withstudiocms/studiocms/commit/d5229f557b8035406582c9792e8a738dba18a1b5) Thanks [@Adammatthiesen](https://github.com/Adammatthiesen)! - fixes formdata conversion on first time setup
+
+- [#763](https://github.com/withstudiocms/studiocms/pull/763) [`2b280d8`](https://github.com/withstudiocms/studiocms/commit/2b280d84bcb40805bbd1ed44e45a9f7260eed081) Thanks [@Adammatthiesen](https://github.com/Adammatthiesen)! - Clean up and deduplicate code in the main integration index.
+
+- [#756](https://github.com/withstudiocms/studiocms/pull/756) [`2f5403d`](https://github.com/withstudiocms/studiocms/commit/2f5403de6af5662a088bdcb764a43bf351249c44) Thanks [@Adammatthiesen](https://github.com/Adammatthiesen)! - Restore avatar functionality with automatic fallback when remote avatars are unavailable to prevent server errors
+
+- [#750](https://github.com/withstudiocms/studiocms/pull/750) [`0fc4fd7`](https://github.com/withstudiocms/studiocms/commit/0fc4fd7c4567b36865c4dba617663a12ecf619f5) Thanks [@Adammatthiesen](https://github.com/Adammatthiesen)! - NOTICE: Avatars disabled for now due to performance issues.
+
+- [#759](https://github.com/withstudiocms/studiocms/pull/759) [`c14b94c`](https://github.com/withstudiocms/studiocms/commit/c14b94c855a750b5666fffc975bebf1a556cf80f) Thanks [@Adammatthiesen](https://github.com/Adammatthiesen)! - Create and implement new injectScripts helper for Astro integrations
+
+- [#747](https://github.com/withstudiocms/studiocms/pull/747) [`57f2d80`](https://github.com/withstudiocms/studiocms/commit/57f2d800d929734dfaa9eb324e8d8171856e8f3f) Thanks [@Adammatthiesen](https://github.com/Adammatthiesen)! - Clean up and remove deprecated `removeLeadingTrailingSlashes` in favor of `stripLeadingAndTrailingSlashes`.
+
+- [#750](https://github.com/withstudiocms/studiocms/pull/750) [`0fc4fd7`](https://github.com/withstudiocms/studiocms/commit/0fc4fd7c4567b36865c4dba617663a12ecf619f5) Thanks [@Adammatthiesen](https://github.com/Adammatthiesen)! - Streamlines i18n setup to utilize centralized config.
+
+- [#764](https://github.com/withstudiocms/studiocms/pull/764) [`3b22102`](https://github.com/withstudiocms/studiocms/commit/3b2210274705cb534b03d02d6952bfcdbdb10478) Thanks [@Adammatthiesen](https://github.com/Adammatthiesen)! - Refactor: Handle i18n translations at build instead of bundling json files
+
+- [#758](https://github.com/withstudiocms/studiocms/pull/758) [`bfda1e4`](https://github.com/withstudiocms/studiocms/commit/bfda1e4922fe391d2b8ecc81e8a83f68990ab083) Thanks [@Adammatthiesen](https://github.com/Adammatthiesen)! - Tweaks i18n loader to ignore translations with more than 10% of the translations missing
+
+- Updated dependencies [[`203852c`](https://github.com/withstudiocms/studiocms/commit/203852c2e102c668eed71e46b96f134899895327), [`2ad259e`](https://github.com/withstudiocms/studiocms/commit/2ad259e9662bd4c8b58e07629491cb322eb479fa), [`d77a8c1`](https://github.com/withstudiocms/studiocms/commit/d77a8c16c97b91343f1c03b2fd9dd2fca0252647), [`c14b94c`](https://github.com/withstudiocms/studiocms/commit/c14b94c855a750b5666fffc975bebf1a556cf80f), [`e685425`](https://github.com/withstudiocms/studiocms/commit/e6854250165650c7642a03e4f612aa0a9ea880d1), [`8e53f8f`](https://github.com/withstudiocms/studiocms/commit/8e53f8fc56adb8a8b110c9854053c779e07b3cb3), [`341b59e`](https://github.com/withstudiocms/studiocms/commit/341b59e3c775f619e9630c9044772ef0f16d1970), [`c14b94c`](https://github.com/withstudiocms/studiocms/commit/c14b94c855a750b5666fffc975bebf1a556cf80f), [`e70f380`](https://github.com/withstudiocms/studiocms/commit/e70f38001d9ef80e27f701d249fda23c670dfb5e)]:
+  - @withstudiocms/auth-kit@0.1.0-beta.1
+  - @withstudiocms/effect@0.1.0-beta.2
+  - @withstudiocms/internal_helpers@0.1.0-beta.1
+  - @withstudiocms/component-registry@0.1.0-beta.2
+
 ## 0.1.0-beta.25
 
 ### Patch Changes

package/dist/cli/users/steps/libsqlCreateUsers.js

@@ -1,10 +1,8 @@
+import { CheckIfUnsafe } from "@withstudiocms/auth-kit/utils/unsafeCheck";
 import { StudioCMSColorwayError, StudioCMSColorwayInfo } from "@withstudiocms/cli-kit/colors";
 import { z } from "astro/zod";
 import dotenv from "dotenv";
 import { Effect, runEffect } from "../../../effect.js";
-import {
-  CheckIfUnsafe
-} from "../../../virtuals/auth/utils/unsafeCheck.js";
 import { checkRequiredEnvVars } from "../../utils/checkRequiredEnvVars.js";
 import { createUserAvatar } from "../../utils/createUserAvatar.js";
 import { logger } from "../../utils/logger.js";

package/dist/cli/users/steps/libsqlModifyUsers.js

@@ -1,10 +1,8 @@
+import { CheckIfUnsafe } from "@withstudiocms/auth-kit/utils/unsafeCheck";
 import { StudioCMSColorwayError, StudioCMSColorwayInfo } from "@withstudiocms/cli-kit/colors";
 import dotenv from "dotenv";
 import { eq } from "drizzle-orm";
 import { Effect, runEffect } from "../../../effect.js";
-import {
-  CheckIfUnsafe
-} from "../../../virtuals/auth/utils/unsafeCheck.js";
 import { checkRequiredEnvVars } from "../../utils/checkRequiredEnvVars.js";
 import { logger } from "../../utils/logger.js";
 import { Permissions, Users, useLibSQLDb } from "../../utils/useLibSQLDb.js";

package/dist/components/auth/OAuthButton.astro

@@ -1,5 +1,5 @@
 ---
-import { Button } from 'studiocms:ui/components';
+import { Button } from 'studiocms:ui/components/button';
 
 interface Props {
 	href: string;

package/dist/components/auth/OAuthButtonStack.astro

@@ -1,6 +1,6 @@
 ---
 import { useTranslations } from 'studiocms:i18n';
-import { Divider } from 'studiocms:ui/components';
+import { Divider } from 'studiocms:ui/components/divider';
 import OAuthButton from './OAuthButton.astro';
 import { providerData, showOAuth } from './oAuthButtonProviders.js';
 

package/dist/components/auth/component-scripts/formListener.js

@@ -1,4 +1,4 @@
-import { toast } from "studiocms:ui/components";
+import { toast } from "studiocms:ui/components/toaster";
 async function formListener(event, form, type) {
   event.preventDefault();
   if (type === "register") {

package/dist/components/dashboard/BaseHead.astro

@@ -3,7 +3,9 @@ import 'studiocms:ui/global-css';
 import '../../styles/dashboard-base.css';
 import '../../styles/dashboard-diff.css';
 import { Generator } from 'studiocms:components';
-import { FAVICON_ASSETS, STUDIOCMS_THEME_COLOR } from '../../consts.js';
+import Favicons from '../shared/head/Favicons.astro';
+import Global from '../shared/head/Global.astro';
+import TitleTags from '../shared/head/TitleTags.astro';
 import ThemeManager from '../shared/ThemeManager.astro';
 
 export interface Props {
@@ -15,22 +17,9 @@ const { title, description } = Astro.props;
 ---
 
 <head>
-  {/* Global Metadata */}
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width,initial-scale=1" />
+  <Global />
   <Generator />
-
-  {/* Favicon */}
-  <link rel="icon" href={FAVICON_ASSETS.svg} type="image/svg+xml" />
-  <link rel="icon" href={FAVICON_ASSETS.png.light} type="image/png" media="(prefers-color-scheme: dark)" />
-  <link rel="icon" href={FAVICON_ASSETS.png.dark} type="image/png" media="(prefers-color-scheme: light)" />
-
-  {/* Primary Meta Tags */}
-  <title>{title}</title>
-  <meta name="title" content={title} />
-  <meta name="description" content={description} />
-  <meta name="theme-color" content={STUDIOCMS_THEME_COLOR} />
-
-  {/* Theme Manager */}
+  <Favicons />
+	<TitleTags {title} {description} />
   <ThemeManager />
 </head>

package/dist/components/dashboard/DashboardGrid.astro

@@ -4,7 +4,7 @@ import type { UserSessionData } from 'studiocms:auth/lib/types';
 import dashboardGridItems from 'studiocms:components/dashboard-grid-items';
 import type { UiLanguageKeys } from 'studiocms:i18n';
 import type { SiteConfigCacheObject } from 'studiocms:sdk/types';
-import { Center } from 'studiocms:ui/components';
+import { Center } from 'studiocms:ui/components/center';
 import { Effect } from '../../effect.js';
 import DashboardGridItem from './DashboardGridItem.astro';
 
@@ -32,7 +32,7 @@ const checkAllowed = (perm: 'owner' | 'admin' | 'editor' | 'visitor' | undefined
 	Effect.gen(function* () {
 		const user = yield* User;
 		return user.isUserAllowed(currentUser, perm ?? 'unknown');
-	}).pipe(User.Provide);
+	});
 ---
 
 <div class="dashboard-grid-container">

package/dist/components/dashboard/DashboardGridItem.astro

@@ -1,6 +1,7 @@
 ---
 import type { UiLanguageKeys } from 'studiocms:i18n';
-import { Card, Icon } from 'studiocms:ui/components';
+import { Card } from 'studiocms:ui/components/card';
+import { Icon } from 'studiocms:ui/components/icon';
 import { createComponentProxy, transformHTML } from '../../runtime/index.js';
 import type { GridItem } from './shared.js';
 

package/dist/components/dashboard/DashboardPageHeader.astro

@@ -1,7 +1,10 @@
 ---
 import type { UserSessionData } from 'studiocms:auth/lib/types';
 import { type UiLanguageKeys, useTranslations } from 'studiocms:i18n';
-import { Button, Icon, Modal, Textarea } from 'studiocms:ui/components';
+import { Button } from 'studiocms:ui/components/button';
+import { Icon } from 'studiocms:ui/components/icon';
+import { Modal } from 'studiocms:ui/components/modal';
+import { Textarea } from 'studiocms:ui/components/textarea';
 import { studioCMSSocials } from '../../consts.js';
 import UserName from './UserName.astro';
 
@@ -18,7 +21,7 @@ const t = useTranslations(lang, '@studiocms/dashboard:index');
 <header class="index-page-header">
   <div class="page-title-container">
     <Button color='primary' id='nav-open' class='mobile-btn'>
-      <Icon name="bars-3" height={24} width={24} />
+      <Icon name="heroicons:bars-3" height={24} width={24} />
     </Button>
     <h1 class="page-title">
       <t-dashboard-header key="welcome-title">{t("welcome-title")}</t-dashboard-header>, <UserName {currentUser} />.
@@ -30,7 +33,7 @@ const t = useTranslations(lang, '@studiocms/dashboard:index');
       <t-dashboard-header key="title-button:discord">{t("title-button:discord")}</t-dashboard-header>
     </Button>
     <Button color='success' variant='flat' id="feedback-button">
-      <Icon name='chat-bubble-oval-left-ellipsis' width={24} height={24} />
+      <Icon name='heroicons:chat-bubble-oval-left-ellipsis' width={24} height={24} />
       <t-dashboard-header key="title-button:feedback">{t("title-button:feedback")}</t-dashboard-header>
     </Button>
   </div>
@@ -50,7 +53,8 @@ const t = useTranslations(lang, '@studiocms/dashboard:index');
 </Modal>
 
 <script>
-  import { ModalHelper, toast } from 'studiocms:ui/components';
+  import { toast } from 'studiocms:ui/components/toaster';
+  import { ModalHelper } from 'studiocms:ui/components/modal';
 
   const ENDPOINT = "https://api.feelback.dev/v0";
 

package/dist/components/dashboard/DoubleSidebar.astro

@@ -1,7 +1,7 @@
 ---
 import type { UserSessionData } from 'studiocms:auth/lib/types';
 import type { VersionCacheObject } from 'studiocms:sdk/types';
-import { DoubleSidebar as SuiDoubleSidebar } from 'studiocms:ui/components';
+import { DoubleSidebar as SuiDoubleSidebar } from 'studiocms:ui/components/sidebar';
 import MainSidebarContent from './MainSidebarContent.astro';
 
 interface Props {
@@ -22,7 +22,7 @@ const { currentUser, latestVersion } = Astro.props as Props;
 </SuiDoubleSidebar>
 
 <script>
-  import { DoubleSidebarHelper } from "studiocms:ui/components";
+  import { DoubleSidebarHelper } from "studiocms:ui/components/sidebar";
 
   if (document.getElementById('sui-sidebars')) {
     const sidebar = new DoubleSidebarHelper();

package/dist/components/dashboard/LoginChecker.astro

@@ -1,10 +1,11 @@
 ---
 import { User, VerifyEmail } from 'studiocms:auth/lib';
 import type { UserSessionData } from 'studiocms:auth/lib/types';
+import type { AvailablePermissionRanks } from '@withstudiocms/auth-kit/types';
 import { Effect } from '../../effect.js';
 
 interface Props {
-	requiredPermission: 'owner' | 'admin' | 'editor' | 'visitor' | 'unknown';
+	requiredPermission: AvailablePermissionRanks;
 	currentUser: UserSessionData | null;
 }
 
@@ -18,7 +19,7 @@ let [isAuthorized, emailVerified] = await Effect.runPromise(
 			isUserAllowed(currentUser, requiredPermission),
 			isEmailVerified(currentUser),
 		]);
-	}).pipe(User.Provide, VerifyEmail.Provide)
+	}).pipe(VerifyEmail.Provide)
 );
 
 let redirectProfile = Astro.locals.StudioCMS.routeMap.mainLinks.userProfile;

package/dist/components/dashboard/MainSidebarContent.astro

@@ -4,7 +4,11 @@ import { dashboardConfig } from 'studiocms:config';
 import { useTranslations } from 'studiocms:i18n';
 import pluginList from 'studiocms:plugins';
 import type { VersionCacheObject } from 'studiocms:sdk/types';
-import { Button, Divider, Dropdown, Group, Icon } from 'studiocms:ui/components';
+import { Button } from 'studiocms:ui/components/button';
+import { Divider } from 'studiocms:ui/components/divider';
+import { Dropdown } from 'studiocms:ui/components/dropdown';
+import { Group } from 'studiocms:ui/components/group';
+import { Icon } from 'studiocms:ui/components/icon';
 import Footer from './Footer.astro';
 import SidebarLink from './SidebarLink.astro';
 import SidebarPluginLink from './SidebarPluginLink.astro';
@@ -46,18 +50,18 @@ const filteredPluginList = pluginList.filter((plugin) => !!plugin.settingsPage);
         { versionCheck && <VersionCheck {latestVersion} /> }
         <Button size='sm' variant="outlined" color={'default'} id={'studiocms-theme-toggle'}>
           <div id="dark-content">
-            <Icon name='moon-16-solid' width={16} height={16} slot="dark" />
+            <Icon name='heroicons:moon-16-solid' width={16} height={16} slot="dark" />
           </div>
           <div id="light-content">
-            <Icon name='sun-16-solid' width={16} height={16} slot="light" />
+            <Icon name='heroicons:sun-16-solid' width={16} height={16} slot="light" />
           </div>
           <div id="fallback-content">
-            <Icon name='arrow-path-16-solid' width={16} height={16} slot="fallback" />
+            <Icon name='heroicons:arrow-path-16-solid' width={16} height={16} slot="fallback" />
           </div>
         </Button>
       </Group>
       <Button color='primary' size='sm' id='nav-close' class='mobile-btn mid-size-btn'>
-        <Icon name="x-mark" height={16} width={16} />
+        <Icon name="heroicons:x-mark" height={16} width={16} />
       </Button>
     </div>
   </div>
@@ -146,9 +150,9 @@ const filteredPluginList = pluginList.filter((plugin) => !!plugin.settingsPage);
   <Dropdown 
     id='sidebar-user-dropdown'
     options={[
-      { label: t("user-dropdown:settings"), icon: "user", value: Astro.locals.StudioCMS.routeMap.mainLinks.userProfile },
-      { label: t("user-dropdown:view-site"), icon: "globe-alt", value: Astro.locals.StudioCMS.routeMap.mainLinks.baseSiteURL },
-      { label: t("user-dropdown:logout"), icon: "arrow-left-start-on-rectangle", color: 'danger', value: Astro.locals.StudioCMS.routeMap.authLinks.logoutURL },
+      { label: t("user-dropdown:settings"), icon: "heroicons:user", value: Astro.locals.StudioCMS.routeMap.mainLinks.userProfile },
+      { label: t("user-dropdown:view-site"), icon: "heroicons:globe-alt", value: Astro.locals.StudioCMS.routeMap.mainLinks.baseSiteURL },
+      { label: t("user-dropdown:logout"), icon: "heroicons:arrow-left-start-on-rectangle", color: 'danger', value: Astro.locals.StudioCMS.routeMap.authLinks.logoutURL },
     ]}
     offset={8}
     >
@@ -244,7 +248,7 @@ const filteredPluginList = pluginList.filter((plugin) => !!plugin.settingsPage);
 </script>
 
 <script>
-  import { DropdownHelper } from "studiocms:ui/components";
+  import { DropdownHelper } from "studiocms:ui/components/dropdown";
   import { ThemeHelper } from '@studiocms/ui/utils/ThemeHelper.js';
 
   function setup() {
@@ -294,21 +298,21 @@ const filteredPluginList = pluginList.filter((plugin) => !!plugin.settingsPage);
   .empty-placeholder-span {
     width: 100%;
     text-align: center;
-    color: hsl(var(--text-muted));
+    color: var(--text-muted);
     font-size: .875em;
   }
 
   .user-dropdown-trigger-container {
     width: calc(280px - 3rem);
     cursor: pointer;
-    border: 1px solid hsl(var(--border));
+    border: 1px solid var(--border);
     padding: .5rem;
     border-radius: .5rem;
     transition: all .15s ease;
   }
 
   .user-dropdown-trigger-container:hover {
-    background-color: hsla(var(--border) / .5);
+    background-color: var(--background-step-2);
   }
 
   .sidebar {

package/dist/components/dashboard/PageHeader.astro

@@ -1,5 +1,6 @@
 ---
-import { Button, Icon } from 'studiocms:ui/components';
+import { Button } from 'studiocms:ui/components/button';
+import { Icon } from 'studiocms:ui/components/icon';
 
 interface Props {
 	title: string;
@@ -10,7 +11,7 @@ const { title } = Astro.props;
 <header class="page-header">
   <div class="page-title-container">
     <Button color='primary' id='nav-open' class='mobile-btn'>
-      <Icon name="bars-3" height={24} width={24} />
+      <Icon name="heroicons:bars-3" height={24} width={24} />
     </Button>
     <h1 class="page-title">{title}</h1>
   </div>

package/dist/components/dashboard/SidebarLink.astro

@@ -1,19 +1,19 @@
 ---
-import { Icon } from 'studiocms:ui/components';
-import type { HeroIconName } from '@studiocms/ui/components/Icon/iconType.js';
+import { Icon } from 'studiocms:ui/components/icon';
+import type { AvailableIcons } from 'studiocms:ui/icons';
 import type { HTMLAttributes } from 'astro/types';
 
 interface Props extends HTMLAttributes<'a'> {
 	/**
 	 * ONLY USE OUTLINED ICONS! Shit will break otherwise
 	 */
-	icon: HeroIconName;
+	icon: AvailableIcons;
 	href: string;
 }
 
 const { icon, class: className, ...props } = Astro.props;
 
-const activeIcon = `${icon}-solid`;
+const activeIcon = (icon.endsWith('-solid') ? icon : `${icon}-solid`) as AvailableIcons;
 
 const compId = crypto.randomUUID();
 ---
@@ -33,7 +33,7 @@ const compId = crypto.randomUUID();
     height={24}
   />
   <Icon
-    name={activeIcon as HeroIconName}
+    name={activeIcon}
     id="selected-icon"
     class="sidebar-link-icon selected"
     width={24}

package/dist/components/dashboard/SidebarPluginLink.astro

@@ -25,15 +25,15 @@ const isActive = Astro.url.pathname === href && 'active';
     width: 100%;
     padding: .375rem .5rem;
     text-decoration: none;
-    color: hsl(var(--text-muted));
+    color: var(--text-muted);
   }
 
   .sidebar-plugin-link:hover {
-    background-color: hsl(var(--background-step-2));
+    background-color: var(--background-step-2);
   }
 
   .sidebar-plugin-link.active {
-    color: hsl(var(--text));
+    color: var(--text);
   }
 
   .sidebar-plugin-identifier {

package/dist/components/dashboard/SingleSidebar.astro

@@ -1,7 +1,7 @@
 ---
 import type { UserSessionData } from 'studiocms:auth/lib/types';
 import type { VersionCacheObject } from 'studiocms:sdk/types';
-import { Sidebar } from 'studiocms:ui/components';
+import { Sidebar } from 'studiocms:ui/components/sidebar';
 import MainSidebarContent from './MainSidebarContent.astro';
 
 interface Props {
@@ -16,7 +16,7 @@ const { currentUser, latestVersion } = Astro.props as Props;
 </Sidebar>
 
 <script>
-  import { SingleSidebarHelper } from "studiocms:ui/components";
+  import { SingleSidebarHelper } from "studiocms:ui/components/sidebar";
 
   function setupSidebar() {
     if (!document.getElementById('sui-sidebar')) return;

package/dist/components/dashboard/configuration/ConfigForm.astro

@@ -3,7 +3,11 @@ import { validImages } from 'studiocms:auth/utils/validImages';
 import dashboardGridItems from 'studiocms:components/dashboard-grid-items';
 import { useTranslations } from 'studiocms:i18n';
 import type { SiteConfigCacheObject } from 'studiocms:sdk/types';
-import { Card, Divider, Input, Select, Toggle } from 'studiocms:ui/components';
+import { Card } from 'studiocms:ui/components/card';
+import { Divider } from 'studiocms:ui/components/divider';
+import { Input } from 'studiocms:ui/components/input';
+import { Select } from 'studiocms:ui/components/select';
+import { Toggle } from 'studiocms:ui/components/toggle';
 import LoginPreview from './LoginPreview.astro';
 
 interface Props {
@@ -88,7 +92,7 @@ const t = useTranslations(lang, '@studiocms/dashboard:configuration');
         <div class="grid-items-container">
             {
                 gridItemOptions.map(({ enabled, label, name }) => (
-                    <Card style="background-color: hsl(var(--background-step-2));">
+                    <Card style="background-color: var(--background-step-2);">
                         <Toggle {label} {name} color='primary' defaultChecked={enabled} />
                     </Card>
                 ))
@@ -147,61 +151,59 @@ const t = useTranslations(lang, '@studiocms/dashboard:configuration');
 </script>
 
 <script>
-    import { toast } from "studiocms:ui/components";
+    import { toast } from "studiocms:ui/components/toaster";
         const configForm = document.querySelector('#site-config-form') as HTMLFormElement;
 
         configForm.addEventListener('submit', async (e) => {
             e.preventDefault();
-
-            const formData = new FormData(configForm);
-
-            // Get dashboard grid items
-            const gridItems = Array.from(configForm.querySelectorAll('input[type="checkbox"]') as NodeListOf<HTMLInputElement>).map((input) => {
-                return {
+            try {
+                const formData = new FormData(configForm);
+                // Scope to grid container to avoid unrelated checkboxes
+                const gridItems = Array.from(document.querySelectorAll('.grid-items-container input[type="checkbox"]') as NodeListOf<HTMLInputElement>).map((input) => ({
                     name: input.name,
                     enabled: input.checked,
+                }));
+                const enabledGridItems = gridItems.filter((item) => item.enabled).map((item) => item.name);
+                const diffPerPageRaw = formData.get('diff-per-page') as string;
+                const diffPerPageParsed = Number.parseInt(diffPerPageRaw, 10);
+                const data = {
+                    title: formData.get('site-title') as string,
+                    description: formData.get('site-description') as string,
+                    defaultOgImage: formData.get('default-og-image') ?? null,
+                    siteIcon: formData.get('site-icon') ?? null,
+                    loginPageBackground: formData.get('login-page-background') as string,
+                    loginPageCustomImage: formData.get('login-page-background-custom') ?? null,
+                    enableDiffs: formData.get('diff-enabled') === 'true',
+                   diffPerPage: Number.isNaN(diffPerPageParsed) ? 10 : diffPerPageParsed,
+                    gridItems: enabledGridItems,
+                    enableMailer: formData.get('enable-mailer') === 'true',
+                    hideDefaultIndex: formData.get('hide-default-index') === 'true'
+                };
+                const response = await fetch(configForm.action, {
+                    method: 'POST',
+                    body: JSON.stringify(data),
+                    headers: { 'Content-Type': 'application/json' },
+                });
+                const res: any = await response.json().catch(() => ({}));
+                if (!response.ok) {
+                    toast({
+                        title: 'Error',
+                        description: res?.error || res?.message || 'Request failed',
+                        type: 'danger'
+                    });
+                    return;
                 }
-            });
-
-            const enabledGridItems = gridItems.filter((item) => item.enabled).map((item) => item.name);
-
-            const data = {
-                title: formData.get('site-title') as string,
-                description: formData.get('site-description') as string,
-                defaultOgImage: formData.get('default-og-image') ?? null,
-                siteIcon: formData.get('site-icon') ?? null,
-                loginPageBackground: formData.get('login-page-background') as string,
-                loginPageCustomImage: formData.get('login-page-background-custom') ?? null,
-                enableDiffs: formData.get('diff-enabled') === 'true',
-                diffPerPage: parseInt(formData.get('diff-per-page') as string),
-                gridItems: enabledGridItems,
-                enableMailer: formData.get('enable-mailer') === 'true',
-                hideDefaultIndex: formData.get('hide-default-index') === 'true'
-            }
-
-            const response = await fetch(configForm.action, {
-                method: 'POST',
-                body: JSON.stringify(data),
-                headers: {
-                    'Content-Type': 'application/json',
-                },
-            })
-            const res = await response.json();
-
-            if (response.status !== 200) {
-                toast({
-                    title: 'Error',
-                    description: res.error,
-                    type: 'danger'
-                })
-            }
-
-            if (response.status === 200) {
                 toast({
                     title: 'Success',
-                    description: res.message,
+                    description: res?.message || 'Configuration saved',
                     type: 'success'
-                })
+                });
+            } catch (err) {
+                toast({
+                    title: 'Network error',
+                    description: (err as Error)?.message ?? 'Unexpected error',
+                    type: 'danger'
+                });
             }
         });
 </script>

package/dist/components/dashboard/configuration/LoginPreview.astro

@@ -1,8 +1,8 @@
 ---
 import { Image } from 'astro:assets';
 import { validImages } from 'studiocms:auth/utils/validImages';
-import { useTranslations } from 'studiocms:i18n';
-import { Card } from 'studiocms:ui/components';
+import { type UiLanguageKeys, useTranslations } from 'studiocms:i18n';
+import { Card } from 'studiocms:ui/components/card';
 
 const imageFilter = (filterName: string) =>
 	validImages.filter(({ name }) => name === filterName)[0];
@@ -33,9 +33,11 @@ const curves = getLoginImage('studiocms-curves');
 interface Props {
 	light?: ImageMetadata;
 	dark?: ImageMetadata;
+
+	defaultLang?: UiLanguageKeys;
 }
 
-const { light, dark } = Astro.props as Props;
+const { light, dark, defaultLang } = Astro.props as Props;
 
 const lightSrc = light ? light : blobs.light;
 const darkSrc = dark ? dark : blobs.dark;
@@ -55,7 +57,7 @@ const stringifyable = {
 	},
 };
 
-const lang = Astro.locals.StudioCMS.defaultLang;
+const lang = defaultLang ?? Astro.locals?.StudioCMS?.defaultLang ?? 'en';
 const t = useTranslations(lang, '@studiocms/dashboard:configuration');
 ---