@ponti-studios/ui 0.7.0 → 0.7.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ponti-studios/ui",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "private": false,
   "description": "Shared UI component library for Ponti Studios",
   "license": "MIT",

package/src/components/feedback/update-guard.tsx

@@ -158,6 +158,10 @@ function getOnlineSnapshot() {
   return navigator.onLine;
 }
 
+function getOnlineServerSnapshot() {
+  return true;
+}
+
 export interface UpdateGuardCopy {
   offlineReady?: string;
   newContentAvailable?: string;
@@ -192,7 +196,7 @@ function UpdateGuardClient({
     updateServiceWorker,
   } = useRegisterSW({ serviceWorkerPath });
 
-  const isOnline = useSyncExternalStore(subscribeOnline, getOnlineSnapshot, () => true);
+  const isOnline = useSyncExternalStore(subscribeOnline, getOnlineSnapshot, getOnlineServerSnapshot);
 
   const closePrompt = () => {
     setOfflineReady(false);

package/src/components/filters/filter-select.tsx

@@ -44,7 +44,7 @@ export function FilterSelect({
   );
 
   return (
-    <div className={cn("space-y-2 min-w-36", className)}>
+    <div className={cn("space-y-2 min-w-36 bg-background", className)}>
       <Label htmlFor={selectId}>{label}</Label>
       <Select value={value} onValueChange={onChange} items={items}>
         <SelectTrigger

package/src/hooks/use-media-query.ts

@@ -29,6 +29,10 @@ function mediaQuery(query: string, options?: MediaQueryOptions) {
   return mql.matches;
 }
 
+function getServerSnapshot() {
+  return false;
+}
+
 /**
  * Listens for changes to a media query and returns a boolean indicating whether the query matches.
  * @param query - The media query string to listen for.
@@ -61,5 +65,5 @@ export function useMediaQuery(query: string) {
     return mediaQuery(query);
   }, [query]);
 
-  return useSyncExternalStore(subscribe, getSnapshot, () => false);
+  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
 }